Uploadify

Uploadify

jQuery插件
Uploadify是一個易集成的多文件上傳解決方案,作為一個jQuery插件,Uploadify不僅使用簡單而且可定制性非常強。可選Flash和HTML5版本,uploadify這個插件是基于js裡面的jquery庫寫的。結合了ajax和flash,實現了這個多線程上傳的功能。
    中文名: 外文名:Uploadify 别名: 主要功能:批量上傳文件 最新版:3.2 編寫:基于js裡面的jquery庫寫的

軟件介紹

uploadify的html5版本,來自國外的一款優秀jQuery插件,主要功能是批量上傳文件。但是也發現不少問題,于是決定花點時間搞清這個插件的來龍去脈,其中很多東西是翻譯自官網。

使用方法

uploadify使用詳解

提到上傳,就會想到file标簽。但是如果文件過大,或者多個文件的時候,這個html标簽就有點力不從心了,下面主要讨論php後台來處理多線程上傳工具。正因為自帶标簽的局限性,所以就有了今天的這個Uploadify這個插件的誕生。

uploadfiy這個插件是基于js裡面的jquery庫寫的。結合了ajax和flash,實現了這個多線程上傳的功能。

現在最新版為3.2.

下面使用的是2.9的版本為例,新版本不一定是最好的,最适合自己的才是最好的。下面來介紹一下uploadfiy的使用方法。

第一步:下載好壓縮包之後,解壓裡面的文件:

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上傳完成。

上一篇:RMC

下一篇:數據庫恢複

相關詞條

相關搜索

其它詞條