uniapp图片压缩工具-uni-app 图片上传压缩方法 拍照图片过大

原始uniapp不能将分包页面的静态资源编译到dist下对应的目录,可以使用 copy-webpack-plugin 解决这个问题

然后将静态资源放在对应分包的static文件夹下

最后在分包页面中使用完整路径即可引入

// 单张压缩

this.$({

src: [0],

maxSize: 800,

fileType: 'jpg',

quality: 0.85,

minSize: 640 //最小压缩尺寸,图片尺寸小于该时值不压缩,非H5平台有效。若需要忽略该设置,可设置为一个极小的值,比如负数。

}).then((res) => {

// 压缩成功回调

(res);

}).catch((err) => {

// 压缩失败回调

1 = false;

({

icon: "none",

title: '图片过大!',

duration: 3000

})

})

这次项目中做了一个图片上传,要求是大于2MB的就压缩成2MB一下的再上传,我这边利用了uniapp的文件接口,使用canvas做了一个压缩上传的功能,目前已上线,使用无问题。

定义canvas

canvas样式

定义数据

打开相册

递归上传

删除照片

预览大图

压缩图片

如果看了觉得有帮助的,我是@ 鹏多多11997110103 ,欢迎 点赞 关注 评论;

END

往期文章

个人主页