当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 微信小程序 上传图片并等比列压缩到指定大小

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

2019年10月24日  | 移动技术网IT编程  | 我要评论

微信小程序官方api中  wx.chooseimage() 是可以进行图片压缩的，可惜的是不能压缩到指定大小。

 

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

原生js可以使用canvas来压缩，但由于微信小程序对canvas有封装，使得利用canvas来压缩图片有了一些区别：

代码放在了git: https://github.com/jonyellow/code-diary/tree/master/%e5%b0%8f%e7%a8%8b%e5%ba%8f/%e5%9b%be%e7%89%87%e5%8e%8b%e7%bc%a9

直接上代码：

 

 

 主函数：

 

 以上的三个函数可以写在一个公共的js文件里面  我是写在 common.js中的:

html:

 

 在html中需要添加个canvas标签，一般这个标签不让他出现在页面中，因为它的作用仅仅是压缩图片的工具：

        <canvas class="canvas" canvas-id="canvas" :style="{width:cwidth+'px',height:cheight+'px', visibility: 'hidden', 'position':'absolute', 'z-index': '-1', left: '-10000rpx',top:'-10000rpx'}"></canvas>
 
在methods中增加chooseimg方法：

 

代码在实际项目中使用，能完成压缩图片到指定大小的需求。

 

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网