最近很多小伙伴們?cè)贖5交流群里，讓學(xué)堂君推薦幾個(gè)好用的移動(dòng)端H5圖片壓縮上傳插件或者說是H5圖片壓縮上傳的組件等等。

閑話少說，25學(xué)堂的就來跟大家推薦2款，學(xué)堂君親自用過的兩款不錯(cuò)的移動(dòng)端H5圖片壓縮上傳插件，兼容IOS和android 兩大主流平臺(tái)。

第一款移動(dòng)端H5圖片壓縮上傳插件：localResizeIMG

也是學(xué)堂君用H5開發(fā)項(xiàng)目當(dāng)中 圖片上傳的必需工具。功能很強(qiáng)大。也是目前最好用的HTML5 圖片本地壓縮上傳插件「localResizeIMG」，而且該插件目前使用人也很多了。

localResizeIMG 插件的優(yōu)勢(shì)：

1、經(jīng)過大量測(cè)試，特別適合在移動(dòng)設(shè)備上使用

2、會(huì)根據(jù)對(duì)應(yīng)設(shè)備自動(dòng)載入JS文件，節(jié)省寬帶

3、基于原生 JavaScript 編寫，支持 AMD 規(guī)范

同時(shí)也是基于jquery的插件。

下面就是詳細(xì)使用localResizeIMG的前端代碼：

擴(kuò)展閱讀：http://www.cnblogs.com/woider/p/6254859.html

github下載地址：https://github.com/think2011/localResizeIMG

上傳案例演示地址：

前端本地客戶端壓縮圖片，兼容IOS，Android，PC、自動(dòng)按需加載文件?http://think2011.github.io/localResiz…

第二款移動(dòng)端H5圖片壓縮上傳插件：Imageupload

這是一款使用File API+canvas 客戶端壓縮圖片，并實(shí)現(xiàn)文件上傳服務(wù)端，文件依賴 JQUERY的移動(dòng)端H5圖片壓縮上傳插件

使用案例源碼解讀

插件Github下載地址：

https://github.com/mishe/Imageupload

完整使用案例教程：

http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201409/278736.shtml