複製鏈接
請複製以下鏈接發送給好友

Uploadify

鎖定
Uploadify是來自國外的一款優秀jQuery插件,主要功能是批量上傳文件,此插件在項目中已被廣泛之用,但是也發現不少問題,於是決定花點時間搞清這個插件的來龍去脈,其中很多東西是翻譯自官網。
外文名
Uploadify
主要功能
批量上傳文件
最新版
3.2
編    寫
基於js裏面的jquery庫寫的
使用方法
uploadify使用詳解 [2] 
title title
提到上傳,就會想到file標籤。但是如果文件過大,或者多個文件的時候,這個html標籤就有點力不從心了,下面主要討論php後台來處理多線程上傳工具。正因為自帶標籤的侷限性,所以就有了今天的這個Uploadify這個插件的誕生。
uploadify這個插件是基於js裏面的jquery庫寫的。結合了ajax和flash,實現了這個多線程上傳的功能。
現在最新版為3.2.
下面使用的是2.9的版本為例,新版本不一定是最好的,最適合自己的才是最好的。下面來介紹一下Uploadify的使用方法。
第一步:下載好壓縮包之後,解壓裏面的文件:
jquery.uploadify.js (主要插件)
jquery-1.7.2.min.js (jquery主件)
uploadify.swf (flash上傳插件)
uploadify.css (上傳樣式表)
uploadify-cancel.png (flash上傳按鈕圖標)
uploadify.php (上傳處理數據)
uploads文件夾 (默認保存上傳文件目錄)
第二步:寫上傳接口
在你需要上傳的頁面寫下如下js:
首先引入js/css
然後定義一些初始化變量,後面都寫有註釋
下面這個是ajax 接受後台數據處理返回來的值,然後追加到前台上傳頁面顯示上傳的文件名和地址
最後是在body裏面添加調用標籤
第三步:定義uploadify處理後台, 默認的是uploadify.php頁面
這裏就簡單的寫下獲取文件名稱的例子
具體説怎麼處理這裏的文件,是複製到哪兒還是怎麼處理,看各位的需求了。直接在這個後台寫就行了
第四步:打開頁面然後去上傳一個試試
uploadify上傳
uploadify選擇上傳
uploadify上傳完成。
[3] 
[1] 
參考資料