jquery與flash多檔上傳- uploadify
要用html來上傳檔案,基本上是沒辦法傳很多個檔案的,而要多檔上傳,就要費一些功,尤其是在ie上更是麻煩,不過如果用這個外掛是可以比較簡單去做多檔上傳的介面的。
首先先到網站下載外掛:
jQuery Uploadify
然後準備像這樣的html
<input id="file_upload" type="file" name="file_upload" />
之後直接使用外掛就可以了。
- $('#file_upload').uploadify({
- 'uploader' : '/uploadify/uploadify.swf',
- 'script' : '/uploadify/uploadify.php',
- 'cancelImg' : '/uploadify/cancel.png',
- 'folder' : '/uploads',
- 'auto' : true
- });
這隻外掛寫得蠻完整的,可以查詢文件去做一些設定。
auto: 選完檔案是否自動上傳。
buttonImg: 選取檔案的圖片。
cancelImg: 取消上傳的圖片。
folder: 檔案上傳到伺服器後儲存的位置。
multi: 是否多檔上傳。
height: 選取檔案按鈕的高度。
width: 選取檔案按鈕的寬度。
uploader: uploadify swf的位置。
wmode: flash背景模式,可設定為透明。
留言