百度上傳組件 WebUploader


WebUploader

http://fex.baidu.com/webuploader/doc/index.html

WebUploader API 文檔詳細解讀

 源碼以及示例:https://github.com/fex-team/webuploader

asp.net mvc 利用WebUploader上傳示例:

http://www.cnblogs.com/gxrsprite/p/3816315.html

http://www.cnblogs.com/ismars/p/4176912.html

plupload

http://www.plupload.com/

asp.net mvc 文件上傳

http://www.cnblogs.com/yushengbo/p/4360250.html

Web開發者:

http://www.admin10000.com/document/4721.html

文件上傳是網站和 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

-----------------------------------------------------------------------------

  context.Response.ContentType = "text/plain";

        string id=context.Request["id"].ToString();
        string name=context.Request["name"].ToString();
        string type=context.Request["type"].ToString();
        string lastModifiedDate=context.Request["lastModifiedDate"].ToString();
        int size = 0;
        int.TryParse(context.Request["size"].ToString(), out size);
        //int size = int.Parse(context.Request["size"].ToString());
        //HttpPostedFileBase file
        HttpPostedFile imgFile = context.Request.Files["file"];

 

最新參考:webuploader插件使用分析

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM