swfupload 官网上的最新版本

一、准备工作

从官网上下载发布版v2.2.0.1，仅取下载文件中的SWFUpload.js和swfupload.swf即可，另外可利用官网上的DEMO，从中获取一张PNG图片。

swfupload.swf是上传组件的核心，一个特制的FLASH，具有浏览文件，上传文件的功能，以按钮形式体现在用户眼前，上文中提及的PNG图片浮在按钮上，可增强视觉效果。SWFUpload.js与swfupload.swf交互，向开发者提供操作接口。

二、使用步骤

文档中指出，SWFUpload并不是拖放式的上传控件，它需要使用者具备JavaScript（以下简称JS）和DOM的知识，进行UI界面的设计。

点击“选择文件”按钮，文件对话框即刻跳出，用户选择多个文件后，对话框立即关闭，选择的文件进入排队序列，等待上传。当调用SWFUpload 对象的startUpload方法执行上传命令。在此例中，swfu已经实例化为SWFUpload 对象，故可以在JSP中添加一个按钮，在其点击事件中调其该方法。在JSP中添加代码：

<button onclick="swfu.startUpload()">上传</button>

虽如此，但文件没有上传到服务器上，至少客户端不知道上传的目的地。

3.指定客户端将上传信息发送至服务器的URL——struts2登场

swfupload将upload_url属性值作为客户端将文件上传请求信息发送至服务器的URL，读者可理解为struts2表单中的action属性值，upload_url属性值默认为web项目的主页。笔者仅介绍struts2如何接收请求。

struts2已经实现了上传功能，笔者不作详细介绍（由于struts2实现了无缝整合，开发者仅需要将上传的临时进行复制即可，其使用方法易于掌握）。

使用struts2的上传功能，开发者需要知道file标签的name属性值，在此基础上，编写action类即可，并在struts.xml文件中配置名字其名字。在swfupload中，file标签的name属性等价为file_post_name属性，其默认值为Filedata。至此，具备了URL和name属性值，便可开始struts2整合之旅。

首先将action的名字赋值给 swfupload中upload_url属性。接着编写自己的action类，类中包含两个属性Filedata和Filename，Filedata和file_post_name值相同（文档推荐使用默认值Filedata）。 Filedata指向了struts2上传的临时文件路径（action中的execute函数执行完毕，临时文件将被删除），Filename为上传文件的名字。Execute函数实现将临时文件复制到指定的目录（此例将它放在WEB项目下bin目录下的upload中）。此例action的名字为“upload”，在JSP中将upload_url属性赋值为upload。