瞭解Web Uploader

1.簡介
WebUploader是由Baidu WebFE(FEX)團隊開發的一個簡單的以HTML5爲主，FLASH爲輔的現代文件上傳組件。在現代的瀏覽器裏面能充分發揮HTML5的優點，同時又不摒棄主流IE瀏覽器，沿用原來的FLASH運行時，兼容IE6+，iOS 6+, android 4+。兩套運行時，一樣的調用方式，可供用戶任意選用。
採用大文件分片併發上傳，極大的提升了文件上傳效率。

 

a.分片、併發
分片與併發結合，將一個大文件分割成多塊，併發上傳，極大地提升大文件的上傳速度。

當網絡問題致使傳輸錯誤時，只須要重傳出錯分片，而不是整個文件。另外分片傳輸可以更加實時的跟蹤上傳進度。

b.預覽、壓縮
支持經常使用圖片格式jpg,jpeg,gif,bmp,png預覽與壓縮，節省網絡數據傳輸。

解析jpeg中的meta信息，對於各類orientation作了正確的處理，同時壓縮後上傳保留圖片的全部原始meta數據。

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

粘貼功能主要體如今當有圖片數據在剪切板中時（截屏工具如QQ(Ctrl + ALT + A), 網頁中右擊圖片點擊複製），Ctrl + V即可添加此圖片文件。

d.HTML5 & FLASH
兼容主流瀏覽器，接口一致，實現了兩套運行時支持，用戶無需關心內部用了什麼內核。

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

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

若是服務端與前端統一修改算法，取段md5，可大大提高驗證性能，耗時在20ms左右。

f.易擴展、可拆分
採用可拆分機制, 將各個功能獨立成了小組件，可自由搭配。

採用AMD規範組織代碼，清晰明瞭，方便高級玩家擴展。

http://fex.baidu.com/webuploader/

 

2.接口說明
Web Uploader的全部代碼都在一個內部閉包中，對外暴露了惟一的一個變量WebUploader，因此徹底不用擔憂此框架會與其餘框架衝突。

內部全部的類和功能都暴露在WebUploader名字空間下面。
Demo中使用的是WebUploader.create方法來初始化的，實際上可直接訪問WebUploader.Uploader。

http://fex.baidu.com/webuploader/document.html

延伸閱讀：
http://www.baidu.com/s?wd=webuploader
http://www.sogou.com/web?query=webuploader
https://www.so.com/s?q=webuploader
http://fex.baidu.com/webuploader/