微信小程序上传图片并等比列压缩到指定大小的实例代码-创新互联
微信小程序官方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标签,一般这个标签不让他出现在页面中,因为它的作用仅仅是压缩图片的工具:
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
当前名称:微信小程序上传图片并等比列压缩到指定大小的实例代码-创新互联
浏览地址:http://ybzwz.com/article/dihece.html