微信小程序压缩图片及上传至云存储

微信小程序压缩图片及上传至云存储

目的：

将选择的任意图片压缩，给定压缩后的图片高度宽度最大值并保证同比例压缩，最后上传至微信云存储。

思路：

1 使用wx.compressImage函数

       此函数只对jpg图片有效，其他图片格式不行；

2 使用canvas组件，先将图片绘制到canvas中:调用canvas.dragImage和canvas.draw函数，然后利用wx.canvasToTempFilePath将canvas的内容输出。

注意点：canvas是设备相关的，需要获取设备的像素比来最终确定图片的大小。

具体步骤：

1 在wxml中添加canvas元素

<canvas style=”width:{ {canvasWidth}}px;height:{ {canvasHeight}}px” canvas-id=”canvas-id”></canvas>

canvasWidth,canvasHeight分别是canvas的宽度和高