Web Uploader 功能齊全完美相容 IE 的上傳元件

Web開發者發表於2014-07-15

  檔案上傳是網站和 Web 應用程式的常用功能,一直沒有一款完美的檔案上傳元件,因此讓很多開發人員碰到頭疼的瀏覽器相容問題。

   WebUploader 是由 Baidu 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規範組織程式碼,清晰明瞭,方便高階玩家擴充套件。

  原始碼下載:http://fex-team.github.io/webuploader/download.html

  線上演示:http://fex-team.github.io/webuploader/demo.html

相關文章