如何使用 wx.compressImage 压缩图片？

推荐答案

// www.javascriptcn.com code example
wx.compressImage({
  src: '图片路径', // 需要压缩的图片路径
  quality: 80, // 压缩质量，范围 0 ~ 100
  success(res) {
    console.log('压缩成功', res.tempFilePath);
  },
  fail(err) {
    console.error('压缩失败', err);
  }
});

本题详细解读

1. wx.compressImage 的作用

wx.compressImage 是微信小程序提供的一个 API，用于压缩图片。通过该 API，开发者可以指定图片的路径和压缩质量，从而生成一个压缩后的图片文件。

2. 参数说明

• src: 需要压缩的图片路径，可以是本地路径或网络路径。
• quality: 压缩质量，范围是 0 到 100，数值越大，压缩后的图片质量越高，文件大小也越大。
• success: 压缩成功后的回调函数，返回压缩后的图片临时文件路径 res.tempFilePath。
• fail: 压缩失败时的回调函数，返回错误信息。

3. 使用场景

• 当用户上传图片时，可以通过 wx.compressImage 压缩图片，减少图片文件大小，从而提升上传速度和节省服务器存储空间。
• 在需要展示图片但又不希望图片文件过大的场景下，可以使用该 API 进行压缩。

4. 注意事项

• 压缩后的图片会生成一个临时文件路径，开发者可以根据需要保存或进一步处理该文件。
• 压缩质量的选择需要根据实际需求进行权衡，过高的压缩质量可能导致文件大小仍然较大，而过低的压缩质量可能导致图片失真。