Webuploader.js是一款支持網絡上傳圖片的多文件上傳插件,兼容性良好,支持最新瀏覽器也能通過FLASH解決兼容問題,兼容IE6+,iOS6+,Android4+。Webuploader.js讓用戶網站擁有一個上傳圖片的功能,讓用戶網站的特性更加豐富。
使用方法
1、環境依賴git命令行工具
node & npm命令行工具
grunt (npm install grunt-cli -g)
2、編譯代碼
克隆 webuploader git倉庫,git clone https://github.com/fex-team/webuploader.git。
安裝node依賴,npm install。
執行grunt dist,此動作會在dist目錄下面創建合并版本的js, 包括通過uglify壓縮的min版本。
3、配置
打開webuploader倉庫根目錄下面的Gruntfile.js文件, 代碼合并有buildtask來完成。找到build配置項。
Gruntfile.js已經配置了一個自定義合并的demo. 打包只支持HTML5的版本。
Webuploader特色說明
1、純html+js的上傳工具。
2、調用Uploader.swf。
3、可以在電腦端運行。
Webuploader功能
引入資源
使用Web Uploader文件上傳需要引入三種資源:JS, CSS, SWF。
HTML5 & FLASH
兼容主流瀏覽器,接口一致,實現了兩套運行時支持,用戶無需關心內部用了什么內核。
MD5秒傳
當文件容積大、量比較多時,支持提交前做文件md5值認證,一致則可立即繞過。
假如服務器端與前面統一改動優化算法,取段md5,可大大的提高認證特性,用時在20ms上下。
瀏覽、壓縮
支持常見圖片文件格式jpg,jpeg,gif,bmp,png瀏覽與壓縮,節約互聯網傳輸數據。
分析jpeg中的meta信息,針對各種各樣orientation干了恰當的解決,與此同時壓縮后提交保存圖片的全部初始meta數據信息。
多方式加上文件
支持文件多選,種類過慮,拖動(文件&文件夾),圖片黏貼作用。
黏貼作用關鍵反映在當有圖片數據信息在粘貼板里時(截屏工具如QQ(Ctrl+ALT+A),網頁頁面中右鍵圖片點擊復制),Ctrl+V便可加上此圖片文件。
易拓展、可分拆
選用可分拆體制,將每個作用單獨變成小組件,可隨意配搭。
選用AMD標準機構代碼,清楚一目了然,便捷高級玩家拓展。
分塊、高并發
分塊與高并發融合,將一個大文件切分成幾塊,高并發提交,極大地提高大文件的上行速度。
當網絡問題造成傳送不正確時,只必須重傳來錯分塊,而不是全部文件。此外分塊傳送可以更為即時的追蹤提交進展。
上一篇:Lingoes靈格斯詞霸
下一篇:RSD數理統計計算器