一、概述

在項(xiàng)目開發(fā)過程中遇到一個(gè)需要從小程序上傳圖片的需求，此需求實(shí)現(xiàn)起來并不難，只需要調(diào)用chooseImage接口拿到圖片的臨時(shí)路徑然后調(diào)用uploadFile接口進(jìn)行上傳。到這里這個(gè)功能已經(jīng)實(shí)現(xiàn)了，可是這樣簡單實(shí)現(xiàn)了之后用戶在使用時(shí)體驗(yàn)非常差。因?yàn)楝F(xiàn)在手機(jī)攝像頭像素非常高，拍出來的照片體積都很大，上傳時(shí)不做處理就會(huì)導(dǎo)致上傳耗時(shí)長，用戶消耗流量大，查看圖片時(shí)加載非常慢等體驗(yàn)問題。

二、圖片壓縮的方法及優(yōu)缺點(diǎn)

為了消除影響用戶體驗(yàn)的這些問題就必須在上傳之前對(duì)圖片做壓縮處理減小圖片的體積。微信小程序圖片壓縮總的來說有三種方法，一種是使用官方提供的接口 wx.compressImage(Object object)；一種是利用canvas重繪來得到壓縮圖片；最后一種安裝第三方圖片壓縮包。三種方法各有各的優(yōu)點(diǎn)與缺點(diǎn)，由于各種原因未對(duì)使用第三方壓縮包的方式進(jìn)行驗(yàn)證，所以只對(duì)前兩種方式進(jìn)行說明。

1、wx.compressImage

優(yōu)點(diǎn)：官方提供的接口在微信的背景下姑且認(rèn)為它的壓縮實(shí)現(xiàn)是最好的。官方接口對(duì)小于3MB的圖片進(jìn)行壓縮時(shí)速度較快，耗時(shí)較少。

缺點(diǎn)：官方接口對(duì)于大于3MB的圖片壓縮較慢，耗時(shí)長。另外，當(dāng)quality參數(shù)設(shè)置為較大值時(shí)壓縮效果不

總結(jié)

以上是生活随笔為你收集整理的微信小程序中图片压缩的最佳实现与封装的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。