首頁  >  文章  >  後端開發  >  swfupload 多檔案上傳範例程式碼

swfupload 多檔案上傳範例程式碼

怪我咯
怪我咯原創
2017-07-12 09:31:201224瀏覽

SWFUpload是一個flash和js結合而成的檔案上傳外掛

#SWFUpload的特點

1、用flash進行上傳,頁面無刷新,且可自訂Flash按鈕的樣式;

2、可以在瀏覽器端就對要上傳的文件進行限制;

3、允許一次上傳多個文件,但會有一個上傳佇列,佇列裡檔案的上傳是逐一進行的,伺服器端接收檔案時跟普通的表單上傳檔案是一樣的;

4、提供了豐富的事件介面供開發者使用;

SWFUpload的檔案上傳流程:

1、引入對應的js檔案

2、實例化SWFUpload物件,傳入一個配置參數物件進行各方面的配置。

3、點選SWFUpload提供的Flash按鈕,彈出檔案選取視窗選擇要上傳的檔案;

4、檔案選取完成後符合規定的檔案會被加入上傳的佇列;

5、呼叫startUpload方法讓佇列裡檔案開始上傳;

6、檔案上傳過程中會觸發對應的事件,開發者利用這些事件來更新ui、處理錯誤、發出提示等等;

下面的程式碼是採用flash+ajax方式上傳文件,程式碼如下

var swfu; 
window.onload = function() { 
var settings = { 
flash_url : "js/swfupload_f9.swf", //flash地址 
upload_url: "upload.php", //上传文件处理地址 
post_params: {"PHPSESSID" : "“}, 
file_size_limit : “1000″, //大小限制 默认单位为kb 
file_types : “*.jpg;*.gif;*.png;*.swf”,//文件类型 
file_types_description : “Web Image Files”,//文件类型描述 
file_upload_limit : 100,//上传文件限制 
file_queue_limit : 0, 
custom_settings : { 
progressTarget : “fsUploadProgress”, 
cancelButtonId : “btnCancel” 
}, 
debug: false, 

file_queued_handler : fileQueued, 
file_queue_error_handler : fileQueueError, 
file_dialog_complete_handler : fileDialogComplete, 
upload_start_handler : uploadStart, 
upload_progress_handler : uploadProgress, 
upload_error_handler : uploadError, 
upload_success_handler : uploadSuccess, 
upload_complete_handler : uploadComplete, 
queue_complete_handler : queueComplete 
}; 

swfu = new SWFUpload(settings); 
};

以上是swfupload 多檔案上傳範例程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn