微信小程序上传图片 等比例压缩到指定大小

微信小程序官方API中的Wx.chooseImage()可以压缩图像，但遗憾的是无法压缩到指定大小。

实际开发中的要求可能是压缩到指定的大小：

原生js可以用canvas压缩，但是因为微信小程序封装了canvas，所以使用canvas压缩图片有一些区别：

代码放在git:https://github.com/jonyellow/code-diary/tree/master/小程序/图像压缩中

直接编码：

主要功能：

以上三个函数可以写在一个公共的js文件中。我是用common.js写的：

html:

你需要在html中添加一个画布标签。一般这个标签是不允许他出现在页面上的，因为它的功能只是一个压缩图片的工具：

canvas class=' canvas ' canvas-id=' canvas ' : style=' { width : cwidth ' px '，height:cHeight 'px '，visibility: 'hidden '，Position ' : ' absolute '，' z-index' :'-1 '，left:'-10000rpx '，top 3: '-10000 rpx ' } '/canvas在方法中添加chooseImg方法：

该代码在实际项目中使用，可以满足将图片压缩到指定大小的要求。

摘要

以上是边肖介绍的微信小程序上传图片并压缩到指定大小的示例代码。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！