Web Uploader 功能齊全完美相容 IE 的上傳元件
檔案上傳是網站和 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規範組織程式碼,清晰明瞭,方便高階玩家擴充套件。
相關文章
- 噁心的相容問題:完美解決IE(IE6/IE7/IE8)不相容HTML5標籤的問題HTML
- HTML插入Flash的全相容完美解決方案-SWFObjectHTMLObject
- 功能齊全的視訊編輯軟體
- 我需要在Web上完成一個圖片上傳的功能Web
- MySql資料庫筆記(功能齊全)MySql資料庫筆記
- ?vue寫的功能最齊全的cnode社群網站Vue網站
- 相容IE瀏覽器實現的中文兩端對齊程式碼例項瀏覽器
- js上傳圖片預覽,相容IE6以上各大主流瀏覽器JS瀏覽器
- 我需要在Web上完成一個圖片上傳的功能(+2)Web
- 配置Django-TinyMCE元件支援上傳圖片功能Django元件
- 用JavaScript實現功能齊全的單連結串列JavaScript
- 關於檔案上傳元件國內外完美解決方案的調查元件
- HTML上傳檔案瀏覽時只顯示指定檔案型別(可以相容IE)HTML型別
- 我需要在Web上完成一個圖片上傳的功能後續(+1)Web
- 完美實現類似QQ的自拍頭像、上傳頭像功能!(Demo 原始碼)原始碼
- QToolBar上的控制元件靠右側對齊的方法QT控制元件
- vue 使用 cos上傳,完美解決!!!!!Vue
- Angular元件-檔案上傳元件Angular元件
- IE和Firefox相容的JSFirefoxJS
- .net web core 如何編碼實現檔案上傳功能Web
- IE瀏覽器相容瀏覽器
- 構建vscode的vue元件程式碼補全外掛以及上傳VSCodeVue元件
- React、Vue在IE的相容問題ReactVue
- 【Android】WebView的input上傳照片的相容問題AndroidWebView
- element對上傳元件二次封裝,vue上傳下載元件的實現元件封裝Vue
- CSS相容IE6,IE7,FireFoxCSSFirefox
- VUE封裝的元件庫上傳Vue封裝元件
- 如何快速搭建一個功能齊全中後臺前端框架?前端框架
- ie6,ie7,ff的css相容hack寫法CSS
- IE與CSS相容性CSS
- uploadify圖片上傳控制元件在ie下報http406問題控制元件HTTP
- Java Web 檔案上傳JavaWeb
- WEB漏洞——檔案上傳Web
- 【開源】小程式And公眾號商城,外加後臺,功能齊全!
- PC端時間日曆外掛 功能齊全 無依賴
- 相容低版本IE的document.getElementsByClassName()
- 相容ie9以下的polyfill類庫IE9
- 功能較全的oracle傳送郵件過程Oracle