Bootstrap

微信小程序(vue3) - 详细实现图片压缩上传服务器示例代码,wx.chooseMedia手机拍照或相册选取后将图片进行压缩处理,手机摄像头拍照后图像太大需要先降低图像大小后再上传(不牺牲画质减小)

效果图

在微信小程序(vue3)项目开发中,详解实现小程序图片压缩并上传到服务器功能,使用wx.chooseMedia将手机拍照或相册选中的图片(正常手机照相的相片非常大好几兆),上传前先进行图像压缩减少大小,压缩完毕后再上传后端,指定要压缩到多大,在不牺牲图片质量的前提下尽可能压缩,支持自定义修改压缩后的大小KB、指定超过N多少兆后才执行压缩、图像质量,提供源码。

提供详细示例代码,新手小白复制稍微改改就能用了。

在这里插入图片描述

完整源码

直接复制代码运行就行了,降低多少自己调整下。

;