介紹了功能強大的上傳控制元件[uploadify.js] plupload]之後，好多同學都問我要demo。其實上傳控制元件很多。尤其最近使用了百度出品強大的Html5上傳控制元件WebUploader。更是覺得有這個就足夠了。

1、什麼是WebUploader？所謂的百度出品  必屬精品。參考echarts就知道了。

WebUploader 是由 Baidu FEX 團隊開發的一款以 HTML5 為主，FLASH 為輔的現代檔案上傳元件。在現代的瀏覽器裡面能充分發揮 HTML5 的優勢，同時又不摒棄主流IE瀏覽器，沿用原來的 FLASH 執行時，相容 IE6+，iOS 6+, android 4+。採用大檔案分片併發上傳，極大的提高了檔案上傳效率。

2、強大在那裡？

分片、併發

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

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

預覽、壓縮

　　支援常用圖片格式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規範組織程式碼，清晰明瞭，方便高階玩家擴充套件。

支援手機端，支援剪貼簿的圖片。

3、demo預覽