jquery與flash多檔上傳- uploadify


要用html來上傳檔案,基本上是沒辦法傳很多個檔案的,而要多檔上傳,就要費一些功,尤其是在ie上更是麻煩,不過如果用這個外掛是可以比較簡單去做多檔上傳的介面的。

首先先到網站下載外掛:
jQuery Uploadify

然後準備像這樣的html
<input id="file_upload" type="file" name="file_upload" />
之後直接使用外掛就可以了。

  1. $('#file_upload').uploadify({   
  2.     'uploader'  : '/uploadify/uploadify.swf',   
  3.     'script'    : '/uploadify/uploadify.php',   
  4.     'cancelImg' : '/uploadify/cancel.png',   
  5.     'folder'    : '/uploads',   
  6.     'auto'      : true  
  7.   });  

這隻外掛寫得蠻完整的,可以查詢文件去做一些設定。
auto: 選完檔案是否自動上傳。
buttonImg: 選取檔案的圖片。
cancelImg: 取消上傳的圖片。
folder: 檔案上傳到伺服器後儲存的位置。
multi: 是否多檔上傳。
height: 選取檔案按鈕的高度。
width: 選取檔案按鈕的寬度。
uploader: uploadify swf的位置。
wmode: flash背景模式,可設定為透明。

留言