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

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

第一款移動端H5圖片壓縮上傳插件：localResizeIMG

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

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

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

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

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

同時也是基于jquery的插件。

下面就是詳細使用localResizeIMG的前端代碼：

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

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

上傳案例演示地址：

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

第二款移動端H5圖片壓縮上傳插件：Imageupload

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

使用案例源碼解讀

插件Github下載地址：

https://github.com/mishe/Imageupload

完整使用案例教程：

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