1. 程式人生 > >jQuery上傳插件Uploadify使用詳解(3.2.1)(轉載)

jQuery上傳插件Uploadify使用詳解(3.2.1)(轉載)

extern qiniu load targe -m doc isp exp 3.2

jQuery上傳插件Uploadify使用詳解(3.2.1)

Sep 25, 2016 | JQuery | 10733 Hits

六年前,因為工作中使用到 jQuery 的上傳組件 Uploadify ,寫了一篇《JQuery上傳插件Uploadify使用詳解》的博客來介紹 Uploadify ,其實只是將官方文檔簡單翻譯了下。幾年下來居然有50多萬的訪問量,而且每天通過各種搜索引擎有大幾百的朋友會訪問到這篇文章。六年時間 Uploadify 從當時的2.1.0到了現在的3.2.1,變化還是挺大,為了對訪問到之前那篇博客的朋友還有點價值,特寫此篇。

Uploadify 的使用分為屬性配置,事件和方法三大塊,根據官方文檔,我將這三部分內容寫了一個示例項目放在 Github 上,不抵觸英文的建議直接看官方文檔,下面是示例的一些截圖:

示例

技術分享

Option

技術分享

Event

技術分享

Method

技術分享

好吧,我承認上面幾張圖就是湊篇幅的,大家可以 clone 或 fork 我 Github 上的項目,自行運行調試。

  • Github 地址:https://github.com/oec2003/jQueryUploadifySample

先別急著去下載示例代碼,在這裏推薦一個上傳組件 Stream

  • 官方網站:http://www.twinkling.cn/
  • 項目地址:http://git.oschina.net/jiangdx/stream

該組件是純 js 組件,理論上可以支持任何的服務端語言,目前可以支持 Java 、Perl 、PHP 和 Asp.Net ,其中 Asp.Net 的實現是我寫的,之前也寫了篇博客《開源上傳組件stream的.Net後臺實現》來介紹,代碼實現也放在了 Github上:

  • StreamAsp.Net項目地址:https://github.com/oec2003/StreamAspNet

如果覺得對您有所幫助,請幫忙在 Github 上 Star 下。

jQuery上傳插件Uploadify使用詳解(3.2.1)(轉載)