微信小程序开发一个图片压缩全过程

图片压缩在微信小程序中是一个很常见的需求，下面是一个简单的图片压缩的全过程：

1. 用户选择图片并上传到服务器，服务器返回图片的 URL。

2. 在小程序中，通过 wx.getImageInfo() 方法获取图片信息，包括图片的宽、高等属性。

3. 使用 canvas 绘制图片，并调用 canvas.toDataURL() 方法将图片转换成 base64 编码的字符串。

4. 将 base64 字符串发送到服务器，服务器将其转换成图片并进行压缩处理。

5. 服务器将压缩后的图片返回给小程序，并将其显示在页面上。

下面是一个代码示例：

// 选择图片并上传到服务器
wx.chooseImage({
  success: function(res) {
    var tempFilePaths = res.tempFilePaths;
    wx.uploadFile({
      url: 'your server url',
      filePath: tempFilePaths[0],
      name: 'file',
      success: function(res){
        var imageUrl = res.data; // 服务器返回的图片 URL
        // 获取图片信息
        wx.getImageInfo({
          src: imageUrl,
          success: function(res){
            var canvasWidth = res.width, // 图片宽度
                canvasHeight = res.height; // 图片高度
            // 绘制图片到 canvas
            var context = wx.createCanvasContext('canvas');
            context.drawImage(imageUrl, 0, 0, canvasWidth, canvasHeight);
            context.draw(false, function(){
              // 将 canvas 图片转换成 base64 编码的字符串
              wx.canvasToTempFilePath({
                canvasId: 'canvas',
                success: function(res){
                  var base64Data = res.tempFilePath.replace(/^data:image\/\w+;base64,/, '');
                  // 发送 base64 字符串到服务器进行压缩
                  wx.request({
                    url: 'your server url',
                    data: { imageData: base64Data },
                    method: 'POST',
                    success: function(res){
                      var compressedImageUrl = res.data; // 压缩后的图片 URL
                      // 在页面上显示压缩后的图片
                      wx.previewImage({
                        urls: [compressedImageUrl],
                      });
                    }
                  });
                }
              });
            });
          }
        });
      }
    })
  }
});

注意，以上代码仅供参考，具体实现方式可能因应用场景不同而有所差异。