溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
微信小程序官方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" :></canvas>
在methods中增加chooseImg方法：
代碼在實際項目中使用，能完成壓縮圖片到指定大小的需求。
總結
以上所述是小編給大家介紹的微信小程序上傳圖片并等比列壓縮到指定大小的實例代碼,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
