小程序模板:专业的小程序模板与静态模板分享平台
小程序
教程
搜索
当前位置 : 首页> 小程序教程> 微信小程序如何实现图片压缩功能

微信小程序如何实现图片压缩功能

在微信小程序中实现图片压缩功能可以帮助减少图片的体积,从而提升小程序的加载速度和用户体验。微信小程序提供了 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);
      }
    });
  }
});


联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了