在微信小程序中实现图片压缩功能可以帮助减少图片的体积,从而提升小程序的加载速度和用户体验。微信小程序提供了 wx.compressImage API,可以用来压缩图片。
wx.compressImage API 是微信官方提供的一个简单易用的图片压缩接口,可以直接对图片进行压缩处理。
Page({ data: { compressedImage: '' }, onLoad: function() { // 选择图片 wx.chooseImage({ count: 1, // 只选择一张图片 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机 success: (res) => { const tempFilePath = res.tempFilePaths[0]; // 选择的图片临时路径 this.compressImage(tempFilePath); } }); }, compressImage: function(tempFilePath) { wx.compressImage({ src: tempFilePath, // 图片路径 quality: 80, // 压缩质量,取值范围为0~100,值越小,图片质量越差,压缩率越高 success: (res) => { console.log('压缩成功', res.tempFilePath); // 压缩后的图片临时路径 this.setData({ compressedImage: res.tempFilePath }); }, fail: (error) => { console.error('压缩失败', error); } }); } });