更新记录
1.0(2020-12-16) 下载此版本
首版发布
平台兼容性
Compress - 可指定大小 Cavans 压缩图片
使用方式
在 script
中引用组件
import compress from '@/components/compress.vue'
export default {
components: { compress }
}
在 template
中的使用
<compress ref="compress" />
在方法中调用
// 在需要压缩时调用
uni.chooseImage({
success: (chooseImageRes) => {
const tempFilePaths = chooseImageRes.tempFilePaths;
// compress
const compressParams = {
src: tempFilePaths[0] // 必选: 要压缩的图片地址
}
this.$refs.compress.compress(compressParams).then(filePath => {
uni.uploadFile({
url: baseUrl + '/upload',
filePath: filePath,
name: 'file',
success: (uploadFileRes) => {}
})
})
}
})
参数说明
key | 是否必选 | default | 说明 |
---|---|---|---|
src | 必选 | - | 要压缩的图片地址 |
maxSize | 可选 | 900 | 最大尺寸 |
minSize | 可选 | 640 | 最小尺寸 |
fileType | 可选 | 'jpg' | 压缩后文件类型 |
quality | 可选 | 0.7 | 压缩质量 |