1. 程式人生 > >WebUploader上傳圖片外掛

WebUploader上傳圖片外掛

WebUploader是由Baidu WebFE(FEX)團隊開發的一個簡單的以HTML5為主,FLASH為輔的現代檔案上傳元件。在現代的瀏覽器裡面能充分發揮HTML5的優勢,同時又不摒棄主流IE瀏覽器,沿用原來的FLASH執行時,相容IE6+,iOS 6+, android 4+。兩套執行時,同樣的呼叫方式,可供使用者任意選用,採用大檔案分片併發上傳,極大的提高了檔案上傳效率。

功能如下:

分片、併發

分片與併發結合,將一個大檔案分割成多塊,併發上傳,極大地提高大檔案的上傳速度。

當網路問題導致傳輸錯誤時,只需要重傳出錯分片,而不是整個檔案。另外分片傳輸能夠更加實時的跟蹤上傳進度。

預覽、壓縮

支援常用圖片格式jpg,jpeg,gif,bmp,png預覽與壓縮,節省網路資料傳輸。

解析jpeg中的meta資訊,對於各種orientation做了正確的處理,同時壓縮後上傳保留圖片的所有原始meta資料。

多途徑新增檔案

支援檔案多選,型別過濾,拖拽(檔案&資料夾),圖片貼上功能。

貼上功能主要體現在當有圖片資料在剪下板中時(截圖工具如QQ(Ctrl + ALT + A), 網頁中右擊圖片點選複製),Ctrl + V便可新增此圖片檔案。

HTML5 & FLASH

相容主流瀏覽器,介面一致,實現了兩套執行時支援,使用者無需關心內部用了什麼核心。

同時Flash部分沒有做任何UI相關的工作,方便不關心flash的使用者擴充套件和自定義業務需求。

MD5秒傳

當檔案體積大、量比較多時,支援上傳前做檔案md5值驗證,一致則可直接跳過。

如果服務端與前端統一修改演算法,取段md5,可大大提升驗證效能,耗時在20ms左右。

易擴充套件、可拆分

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

採用AMD規範組織程式碼,清晰明瞭,方便高階玩家擴充套件。