微信网页 上传图片压缩

微信网页上传图片时的压缩问题可以通过多种方法解决。以下是一些有效的方案和相关API的使用说明。

主要解决方案

1. 使用Canvas进行自定义压缩:

对于需要适配多种设备和格式的情况，可以利用Canvas API进行图片重绘和压缩。通过获取图片信息、设置Canvas尺寸、绘制图片并导出，可以实现更灵活的压缩策略。

• • 代码示例：

  const ctx = canvas.getContext('2d');
  const img = new Image();
  img.src = '图片路径';
  img.onload = () => {
      ctx.drawImage(img, 0, 0, newWidth, newHeight);
      wx.canvasToTempFilePath({
          canvasId: 'myCanvas',
          success(res) {
              console.log(res.tempFilePath); // 压缩后的图片路径
          }
      });
  };

• • 这种方法适合处理高分辨率图片并能根据需要调整宽高.

上传到微信服务器再下载:

• • 另一种方法是先将图片上传到微信服务器，获取 serverId，然后通过素材管理接口下载。这种方式允许开发者完全控制压缩策略。
• • 使用