swfupload 多文件上传示例代码

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 多文件上传示例代码的详细内容，更多请关注二当家的素材网其它相关文章！