微信小程序图片压缩

微信小程序图片压缩有三种方法，一种是使用官方提供的接口 wx.compressImage(Object object) ；一种是通过压缩图片的大小，利用canvas重绘来得到压缩图片；最后一种安装第三方图片压缩包。

由于第一种方法网上很多人说压缩不明显或者失效，所以选择使用canvas重绘来实现图片压缩。同时，该种方法可以控制图片的最大尺寸，保持上传图片大小尺寸相差不多。在我们的学生节晚会小程序中，屏幕显示图片会比较美观一致。

1. 通过 wx.chooseImage 接口选择相机图片

2. 通过 wx.getImageInfo 接口获取图片信息（长宽，类型）

3. 计算压缩比例和最终图片的长宽

5. 通过 wx.canvasToTempFilePath 接口将画布内容导出为图片并获取图片路径

wxml 文件

在文件末尾插入 canvas 组件，通过设置left和top值确保图片不会显示在可视范围内。

一定要设置 canvas-id，这是canvas绘图和导出图片必备的属性。

js 文件

设置与页面绑定的数据：canvas的大小，也是压缩后图片的大小

1. 将画布内容导出为图片时，指定destWidth和destHeight为压缩后图片的大小。这里遇到过玄学bug，不指定的话，有时候图片不会压缩到规定的大小。

照片kb变小方法：

1.首先打开微信，点击微信上方搜索图标，搜索【图片压缩】这一关键词，这时可以在搜索结果中看见应用程序，很多应用程序的压缩原理都是一样的，用户只需要任选一个程序即可。

2.之后打开任意一个带有关键词字样的微信小程序，点击压缩图片，接着在小程序中选择你要压缩的图片，拖动压缩参数后，点击立刻压缩即可开始图片的压缩。

3.压缩后的图片会保存在应用程序默认的保存位置，用户可以在图片查看中找到相应的压缩图片，一般10K左右的图片就已经足够大部分用户用户证件照上传了。

---