SWFUpload技术文档.docVIP

SWFUpload SWF多文件无刷新上传，利用flash完成多文件上传操作。服务器端可以用Struts、Servlet、JSP完成，这里用Struts1.x完成上传 首先看下目录结构 SWFUpload这个文件夹是核心文件，里面的文件一个都不能少。 css文件夹是样式文件，所有的样式可以在此文件中修改完成 images是图片 jslib是js库文件，需要的上传的js文件和flash文件 其中handlers.js是上传中一系列的事件，可以在此文件中修改自己的上传所需要的事件。如开始上传、取消、停止上传等 swfupload.queue.js这个文件主要是完成将客户端选择的多一个文件一个个的排成一个队列，然后依次向服务器上传。 swfupload.swf是flash文件，就那个添加或上传的按钮 sample.html是完成后的上传实例 首先看看客户端的sample.html中的js和html内容 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN html head titleSWFUpload 多文件上传示例/title meta http-equiv=content-type content=text/html; charset=gbk link rel=stylesheet type=text/css href=css/default.css script type=text/javascript src=jslib/swfupload.js/script script type=text/javascript src=jslib/swfupload.queue.js/script script type=text/javascript src=jslib/fileprogress.js/script script type=text/javascript src=jslib/handlers.js charset=utf-8/script script type=text/javascript var swfUpload; window.onload = function() { var settings = { flash_url : jslib/swfupload.swf, upload_url: ../upload.do, post_params: {param : uploadParams}, file_size_limit : 200MB, file_types : *.*, file_post_name: uploadFile, file_types_description : All Files, file_upload_limit : 50, file_queue_limit : 0, custom_settings : { progressTarget : fsUploadProgress, cancelButtonId : btnCancel }, debug: true,//是否显示调试的textarea // Button settings button_image_url: images/TestImageNoText_65x29.png, button_width: 65, button_height: 29, button_placeholder_id: spanButtonPlaceHolder, button_text: span class=theFont浏 览/span, button_text_style: .theFont { font-size: 12; }, button_text_left_padding: 12, button_text_top_padding: 3, // The event handler functions are defined in handlers.js file_queued_handler : fileQueued, file_queue_error_handler : fileQueueError, file_dialog_complete_handler : fileDialogComplete, upload_start_handler : u