uploadify是jQuery的一個 ajax upload plugin,並有檔案上傳進度條,非常簡單好用的一個 ajax upload plugin。
檔案
範例
使用:
1. 將下載解壓縮後的資料夾放入你要的位置
2. 載入 jquery & uploadify plugin
1 2 | <script src="js/jquery.js" type="text/javascript"></script> <script src="./jquery.uploadify.mit/jquery.uploadify.js" type="text/javascript"></script> |
3. 放置檔案上傳
1 | <input name="upload_file" type="file" id="file" size="50"/> |
4. 設定
1 2 3 4 5 6 7 8 9 10 11 12 13 | $('#file').fileUpload({
'uploader':'./jquery.uploadify.mit/uploader.swf',
'script':'upload.php',
'cancelImg':'./jquery.uploadify.mit/cancel.png',
'folder':'./album/tmp',
'auto':true,
'buttonImg':'images/but_browser.gif',
'onComplete':function(event, queueID, fileObj, response, data){
}
});
$('#file').fileUploadStart(); |
參數說明:
$('#file').fileUploadStart(); :將filew啟用 uploadify plugin
uploader:uploader.swf位置
script:處理檔案上傳的php
cancelImg:取消的圖檔
folder:檔案上傳後要放的位置
auto:是否要自動上傳
buttonImg:檔案上傳按鈕圖檔
onComplete:完成檔案上傳後 function
上面只列出有用到的參數說明,其它的可以參考官網的 documentation
Leave Your Response