js上传图片前压缩
vue使用image-conversion压缩图片
1.安装
npm i image-conversion --save
2.引入
在需要用到的模块
import * as imageConversion from 'image-conversion'
3.使用
//把图片文件作为参数传递到方法中
reduceSize(file) {
return new Promise((resolve) => {
// 20是将大小压缩至20KB
imageConversion.compressAccurately(file, 20).then(res => {
//将压缩后的res转换为file文件再回调
res = new File([res], file.name, { type: res.type, lastModified: Date.now() })
resolve(res);
});
})
},