jQuery中webupload上傳插件的用法實例

來源：懂視網責編：小OO 時間：2020-11-27 20:14:22

jQuery中webupload上傳插件的用法實例

WebUploader是由Baidu WebFE(FEX)團隊開發的一個簡單的以HTML5為主，FLASH為輔的現代文件上傳組件。在現代的瀏覽器里面能充分發揮HTML5的優勢，同時又不摒棄主流IE瀏覽器，沿用原來的FLASH運行時，兼容IE6+，iOS 6+.android 4+。兩套運行時，同樣的調用方式，可供用戶任意選用。采用大文件分片并發上傳，極大的提高了文件上傳效率。這個插件很好用，功能也比較強大，比ajaxfileupload要強大，可去官方網站下載。目前項目中只用到了圖片批量上傳功能，官方示例已經寫的很詳細了，下面介紹下如何把官方示例遷移到自己的項目中。；

推薦度：

點擊下載本文 文檔為doc格式

導讀WebUploader是由Baidu WebFE(FEX)團隊開發的一個簡單的以HTML5為主，FLASH為輔的現代文件上傳組件。在現代的瀏覽器里面能充分發揮HTML5的優勢，同時又不摒棄主流IE瀏覽器，沿用原來的FLASH運行時，兼容IE6+，iOS 6+.android 4+。兩套運行時，同樣的調用方式，可供用戶任意選用。采用大文件分片并發上傳，極大的提高了文件上傳效率。這個插件很好用，功能也比較強大，比ajaxfileupload要強大，可去官方網站下載。目前項目中只用到了圖片批量上傳功能，官方示例已經寫的很詳細了，下面介紹下如何把官方示例遷移到自己的項目中。；

這篇文章主要為大家詳細介紹了Jquery上傳插件webupload的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下

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

這個插件很好用，功能也比較強大，比ajaxfileupload要強大，可去官方網站下載。

目前項目中只用到了圖片批量上傳功能，官方示例已經寫的很詳細了，下面介紹下如何把官方示例遷移到自己的項目中：

1、server 修改為自己的后臺處理類通過 HttpFileCollection files = System.Web.HttpContext.Current.Request.Files; request.Files的方式獲取插件上傳的圖片。

2、示例程序默認是啟用壓縮的，這個可以設置，當圖片大于多少是可以自動壓縮圖片的，如果不需要壓縮，則需要再初始化的時候添加 compress:false, 屬性

3、

官方上傳圖片的示例不知道什么原因把圖片篩選這個注釋掉了，如果想上傳的文件只能選擇圖片，則需要去掉注釋

4、增加了對圖片像素大小的判斷，自己用了uploadAccept 方法，是把圖片提交上去了之后再后臺進行判斷的，（不知是否有更好的辦法）因為插件本身的file類是可以處理文件的，所以并沒有單獨獲取像素的屬性，示例：

該方法返回false的時候，會導致圖片上傳失敗，所以后臺判斷像素后通過后臺返回的狀態來改變圖片上傳的狀態。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com