Uploadify

Uploadify是來自國外的一款優秀jQuery外掛程式，主要功能是批量上傳檔案，此外掛程式在項目中已被廣泛之用，但是也發現不少問題，於是決定花點時間搞清這個外掛程式的來龍去脈，其中很多東西是翻譯自官網。

基本介紹

• 外文名：Uploadify
• 主要功能：批量上傳檔案
• 最新版：3.2
• 編寫：基於js裡面的jquery庫寫的

軟體介紹

title

使用方法

uploadify使用詳解

提到上傳，就會想到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上傳完成。