swfupload 多文件上传示例代码
程序员文章站
2022-03-14 18:14:32
...
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 多文件上传示例代码的详细内容,更多请关注其它相关文章!
上一篇: Linux 什么系统好?