Rumah  >  Artikel  >  pembangunan bahagian belakang  >  swfupload 多文件上传示例代码

swfupload 多文件上传示例代码

怪我咯
怪我咯asal
2017-07-12 09:31:201230semak imbas

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); 
};

Atas ialah kandungan terperinci swfupload 多文件上传示例代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn