SWFUpload是一个用于上传文件的Javascript/Flash组件,它可以让用户在浏览器中通过拖拽或者选择文件的方式上传文件,它的特点是具有很好的兼容性,支持多文件上传,断点续传,图片预览等功能,可以满足用户多种上传需求。
SWFUpload的安装非常简单,只需要将下载的文件解压缩,将其中的swfupload.js文件和swfupload.swf文件复制到项目中即可。
要使用SWFUpload,只需要在HTML文件中引入swfupload.js文件,使用Javascript代码来初始化SWFUpload,代码如下:
var swfUpload = new SWFUpload({ upload_url: "upload.php", flash_url : "swfupload.swf", file_size_limit : "2048", file_types : "*.jpg;*.gif;*.png", file_types_description : "Image Files", file_upload_limit : "10", file_queue_limit : "10", file_post_name : "file", file_dialog_start_handler : fileDialogStart, 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 });
上面代码中,upload_url参数指定上传文件的服务器端程序,flash_url参数指定SWFUpload.swf文件的路径,file_size_limit参数指定上传文件的大小限制,file_types参数指定支持的文件类型,file_types_description参数指定文件类型的描述,file_upload_limit参数指定最多可以上传的文件数,file_queue_limit参数指定最多可以放到上传队列中的文件数,file_post_name参数指定上传文件的表单名称,其他参数为上传过程中的事件处理函数。
在初始化完成后,可以使用SWFUpload.startUpload()方法来开始上传文件,使用SWFUpload.cancelUpload()方法来取消上传文件,使用SWFUpload.stopUpload()方法来停止上传文件,使用SWFUpload.addPostParam()方法来添加额外的POST参数,使用SWFUpload.setPostParams()方法来设置POST参数,使用SWFUpload.removePostParam()方法来删除POST参数,使用SWFUpload.setFileTypes()方法来设置支持的文件类型,使用SWFUpload.setFileSizeLimit()方法来设置文件大小限制,使用SWFUpload.setFileUploadLimit()方法来设置最多可以上传的文件数,使用SWFUpload.setFileQueueLimit()方法来设置最多可以放到上传队列中的文件数,使用SWFUpload.setFilePostName()方法来设置上传文件的表单名称,使用SWFUpload.setUploadURL()方法来设置上传文件的服务器端程序。
SWFUpload有以下特性:
SWFUpload是一个强大的Javascript/Flash组件,它可以让用户在浏览器中通过拖拽或者选择文件的方式上传文件,它的特点是具有很好的兼容性,支持多文件上传,断点续传,图片预览等
本文链接:http://task.lmcjl.com/news/428.html