欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

swfupload 多文件上传示例代码

程序员文章站 2022-04-02 15:07:11
...

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 多文件上传示例代码的详细内容,更多请关注其它相关文章!