文件上傳是網(wǎng)站和 Web 應用程序的常用功能，一直沒有一款完美的文件上傳組件，因此讓很多開發(fā)人員碰到頭疼的瀏覽器兼容問題。　WebUploader 是由 Baidu FEX 團隊開發(fā)的一款以 HTML5 為主，F(xiàn)LASH 為輔的現(xiàn)代文件上傳組件。在現(xiàn)代的瀏覽器里面能充分發(fā)揮 HTML5 的優(yōu)勢，同時又不摒棄主流IE瀏覽器。

　　文件上傳是網(wǎng)站和 Web 應用程序的常用功能，一直沒有一款完美的文件上傳組件，因此讓很多開發(fā)人員碰到頭疼的瀏覽器兼容問題。

　　WebUploader 是由 Baidu FEX 團隊開發(fā)的一款以 HTML5 為主，F(xiàn)LASH 為輔的現(xiàn)代文件上傳組件。在現(xiàn)代的瀏覽器里面能充分發(fā)揮 HTML5 的優(yōu)勢，同時又不摒棄主流IE瀏覽器，沿用原來的 FLASH 運行時，兼容 IE6+，iOS 6+, android 4+。采用大文件分片并發(fā)上傳，極大的提高了文件上傳效率。

 

 

源碼下載      在線演示

 

特性

分片、并發(fā)

　　分片與并發(fā)結合，將一個大文件分割成多塊，并發(fā)上傳，極大地提高大文件的上傳速度。

　　當網(wǎng)絡問題導致傳輸錯誤時，只需要重傳出錯分片，而不是整個文件。另外分片傳輸能夠更加實時的跟蹤上傳進度。

預覽、壓縮

　　支持常用圖片格式jpg,jpeg,gif,bmp,png預覽與壓縮，節(jié)省網(wǎng)絡數(shù)據(jù)傳輸。

　　解析jpeg中的meta信息，對于各種orientation做了正確的處理，同時壓縮后上傳保留圖片的所有原始meta數(shù)據(jù)。

多途徑添加文件

　　支持文件多選，類型過濾，拖拽(文件&文件夾)，圖片粘貼功能。

　　粘貼功能主要體現(xiàn)在當有圖片數(shù)據(jù)在剪切板中時（截屏工具如QQ(Ctrl + ALT + A), 網(wǎng)頁中右擊圖片點擊復制），Ctrl + V便可添加此圖片文件。

HTML5 & FLASH

　　兼容主流瀏覽器，接口一致，實現(xiàn)了兩套運行時支持，用戶無需關心內(nèi)部用了什么內(nèi)核。

　　同時Flash部分沒有做任何UI相關的工作，方便不關心flash的用戶擴展和自定義業(yè)務需求。

MD5秒傳

　　當文件體積大、量比較多時，支持上傳前做文件md5值驗證，一致則可直接跳過。

　　如果服務端與前端統(tǒng)一修改算法，取段md5，可大大提升驗證性能，耗時在20ms左右。

易擴展、可拆分

　　采用可拆分機制, 將各個功能獨立成了小組件，可自由搭配。

　　采用AMD規(guī)范組織代碼，清晰明了，方便高級玩家擴展。

 

源碼下載      在線演示

 

本文鏈接：Web Uploader - 功能齊全，完美兼容IE的上傳組件

編譯來源：夢想天空 ◆ 關注前端開發(fā)技術 ◆ 分享網(wǎng)頁設計資源