微信小程式官方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 canvas-id="canvas" :style="{width:cWidth+'px',height:cHeight+'px', visibility: 'hidden', 'position':'absolute', 'z-index': '-1', left: '-10000rpx',top:'-10000rpx'}"></canvas> 在methods中增加chooseImg方法：
代碼在實際專案中使用，能完成壓縮圖片到指定大小的需求，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/180440.html
標籤：JavaScript
上一篇：原生無縫Banner輪播圖