小程序中怎么做图片压缩上传
时间: 2023-11-09 12:01:56 浏览: 70
小程序中可以使用canvas对图片进行压缩,具体步骤如下:
1. 将图片转换为canvas对象
2. 获取canvas的上下文对象
3. 设置canvas的宽高,以及绘制图片
4. 将canvas转换为图片,并上传
代码示例:
```
wx.chooseImage({
success: function(res) {
var tempFilePaths = res.tempFilePaths;
wx.getImageInfo({
src: tempFilePaths[0],
success: function(res) {
var ctx = wx.createCanvasContext('canvas');
var canvasWidth = res.width //原图宽度
var canvasHeight = res.height //原图高度
var ratio = 2 //压缩比例
ctx.drawImage(tempFilePaths[0], 0, 0, canvasWidth / ratio, canvasHeight / ratio)
ctx.draw(false, function() {
wx.canvasToTempFilePath({
canvasId: 'canvas',
success: function(res) {
//上传图片
}
})
})
}
})
}
})
```
阅读全文