軟件介紹
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上傳完成。



















