Struts2使用FlashFileUpload.swf实现批量文件上传

今天晚上头有些痛，写篇文章，全当休息下吧。

讲两点：一是如何在Struts2中使用FlashFileUpload这个flash的上传插件；二是在使用flash上传插件时如何解决Session问题。

先说第一点，如何在Struts2中使用FlashFileUpload这个flash的上传插件。

以前做.net时，用过一个FlashFileUpload.swf批量文件上传工具，很帅很简单。
网址：http://www.codeproject.com/KB/aspnet/FlashUpload.aspx
因为这个用Flex写的客户端插件公开源码，而且实现的的相当完美，在asp.net中用起来，就是一两行代码的事，所以非常喜欢。

最近想在Struts2中实现批量上传（使用html的file标签时，一次只能选一个文件，我是想一下可以选多个文件），结果找了半天，大都是swf+ajax的，用起来太复杂了，代码也很繁多，实在没耐心了。
就想起FlashFileUpload来了，结果发现不知道怎么用，官网上只给出了C#的例子，上网找了半天也没找到在Struts2中用的例子，甚至jsp的例子也没找到，最后自己研究出来了，在这里公开一下，希望对大家有所帮助。

大家从官网上下载了压缩包解压后，会找到Upload.cs，从代码中可以看到HttpContext对象可以直接把文件对象分离出来，想对上传的临时文件进行转存时，也很方便：

            for(int j = 0; j < context.Request.Files.Count; j++)
            {
                // get the current file
                HttpPostedFile uploadFile = context.Request.Files[j];
                // if there was a file uploded
                if (uploadFile.ContentLength > 0)
                {
                    // save the file to the upload directory
                    
                    //use this if testing from a classic style upload, ie. 

                    // <form action="Upload.axd" method="post" enctype="multipart/form-data">
                    //    <input type="file" name="fileUpload" />
                    //    <input type="submit" value="Upload" />
                    //</form>

                    // this is because flash sends just the filename, where the above 
                    //will send the file path, ie. c:\My Pictures\test1.jpg
                    //you can use Test.thm to test this page.
                    //string filename = uploadFile.FileName.Substring(uploadFile.FileName.LastIndexOf("\\"));
                    //uploadFile.SaveAs(string.Format("{0}{1}{2}", tempFile, "Upload\\", filename));

                    // use this if using flash to upload
                    uploadFile.SaveAs(Path.Combine(uploadPath, uploadFile.FileName));

但是到了Struts2中，文件上传使用的是fileUpload拦截器实现文件对象的注入，注入时需要明确file对象的name，如：
<@s.file name="file" label="选择上传文件" />
（使用FreeMarker模板）
后台对应的Action中，需要定义对应的【private File file;】属性及其set方法，这样fileUpload拦截器才能正确的将file对象注入（设置）到Action中。当然多文件上传时，需要使用如【private List<File> file;】样的属性。

现在问题来了，当使用FlashFileUpload这个flash的客户端上传组件时，我们无法得知或声明文件对象的name值，我们也没有办法象在.net中，使用HttpContext拿到文件列表。
我就是在这里卡壳了，后来终于想出了个办法来获知其name了，就是伟大的Debug，通过在fileUpload拦截器中设置断点，或是在自己的Action方法中加上取Request对象的语句，通过断点查看Request中存放的对象，就能找到FlashFileUpload组件中file对象对应的name了，那就是：Filedata，我们可以在Action中定义Filedata属性及其set方法，fileUpload拦截器就可以正确的将FlashFileUpload组件提交上来的文件对象设到Filedata里了。
代码示例：

	/** 文件对象 */
	private List<File> Filedata;

	/** 文件名 */
	private List<String> FiledataFileName;
	
	/** 文件内容类型 */
	private List<String> FiledataContentType;

	/**
	 * @return the filedata
	 */
	public List<File> getFiledata() {
		return Filedata;
	}

	/**
	 * @param filedata the filedata to set
	 */
	public void setFiledata(List<File> filedata) {
		Filedata = filedata;
	}

	/**
	 * @return the filedataFileName
	 */
	public List<String> getFiledataFileName() {
		return FiledataFileName;
	}

	/**
	 * @param filedataFileName the filedataFileName to set
	 */
	public void setFiledataFileName(List<String> filedataFileName) {
		FiledataFileName = filedataFileName;
	}

	/**
	 * @return the filedataContentType
	 */
	public List<String> getFiledataContentType() {
		return FiledataContentType;
	}

	/**
	 * @param filedataContentType the filedataContentType to set
	 */
	public void setFiledataContentType(List<String> filedataContentType) {
		FiledataContentType = filedataContentType;
	}

其他转存的代码就与Struts2中多文件上传的代码一模一样了。至此，我们就可以用最少的代码，来实现非常完美的批量上传了，效果相当不错。因为公开源码，所以如果你愿意，可以把FlashFileUpload这个flex做的组件改的更好看，或增加点自己的代码，我抓个粗略的效果图：



下面说一下第二点：使用flash上传插件时如何解决Session问题
在使用Flash上传文件时，存在一个Session丢失的问题。我们做文件上传时，一般都需要用户登录后，才允许上传，但是我发现在使用了Flash上传插件后，一上传Session就丢了，也就是说，在后台处理中，从Session中是取不到判断用户是否登录的标识的，原因是通过Flash上传时发起了一个独立于浏览器之外的请求，在后台程序中是无法通过Cookie取到对应的sessionId的，也就无法判断出用户是否登录了。
解决之法就是在jsp或ftl文件中定义flash上传组件的代码时，把sessionId顺便登记上，这样，通过【url;jsessionid=】的形式，可以把sessionId通过URL传到后台，就可以使Session不丢失了。
示例代码(FreeMarker)：

            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"
                width="100%" height="100%" id="file" align="middle">
                <param name="allowScriptAccess" value="sameDomain" />
                <param name="movie" value="/flash/FlashFileUpload.swf?ver=2009041702" />
                <param name="quality" value="high" />
                <param name="wmode" value="transparent">
                <param name="FlashVars" value='fileTypeDescription=JPG格式图片&fileTypes=*.jpg;*.jpeg&fileSizeLimit=3000000&totalUploadSize=10240000&uploadPage=/performMultiuploadForDemo;jsessionid=${session.id}?username=${username}'>
                <embed src="/flash/FlashFileUpload.swf?ver=2009041702" FlashVars='fileTypeDescription=JPG格式图片&fileTypes=*.jpg;*.jpeg&fileSizeLimit=3000000&totalUploadSize=10240000&uploadPage=/performMultiuploadForDemo;jsessionid=${session.id}?username=${username}'
                    quality="high" wmode="transparent" width="100%" height="100%" name="file"
                    align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash"
                    pluginspage="http://www.macromedia.com/go/getflashplayer" />
            </object>>

好了，写完收工。

评论

16 楼 jinmi6001 2010-04-17  

挺好的.不错.

15 楼 wgcniler 2009-11-11  

请问使用这个插件实现压缩上传图片改如何修改啊源代码啊?

14 楼 struts 2009-08-17  

swfupload可以实现多个文件上传功能。

13 楼 xuch 2009-08-17  

这样~~不太明白！！
看看代码先

12 楼 sbswcidr 2009-08-12  

netfork。。加QQ聊一下可以吗？
253400944

11 楼 netfork 2009-08-11  

sbswcidr 写道

netfork 你怎么离线了。。。这个问题我解决了一天了。。还没弄出来。。。
拜托了。。。

呵呵，干活去了。

10 楼 netfork 2009-08-11  

sbswcidr 写道

就是说要重新编辑对swf文件编辑，是这么说吗？

是的。

9 楼 sbswcidr 2009-08-11  

netfork 你怎么离线了。。。这个问题我解决了一天了。。还没弄出来。。。
拜托了。。。

8 楼 sbswcidr 2009-08-11  

就是说要重新编辑对swf文件编辑，是这么说吗？

7 楼 netfork 2009-08-11  

你可以先把参数传给flash，再在Flash（Flex）中重新组织请求的url。

6 楼 sbswcidr 2009-08-11  

怎么在上传的页面提交其它的参数呢？
是不是在这个地方加上？通过URL传递？
例如
uploadPage=/mydomain/workflowAttach/saveFiles.action?参数1=值1&参数2=值2

这样子写的话后台Action里面只能取得到第一个参数,因为遇到&符号的时候已经被分割了，不是一个完整的URL串，

那到底要怎么传多个参数呢。。。。


急。。。。

5 楼 treblesoftware 2009-05-27  

很漂亮啊。以前一直用STRUTS2那个自带的东西，图形，表现上都不爽.虽然能完成功能.谢谢!打算有时间研究一下，如果LZ能写个更全的例子,直接拿来使用那就更好了。呵呵!

4 楼 netfork 2009-04-24  

dinguangx 写道

恕我愚钝，能不能举个完整的例子说明一下！

真的假的啊？只要在多文件上传的基础上，改一下就行了。有那么难吗？　

3 楼 dinguangx 2009-04-24  

恕我愚钝，能不能举个完整的例子说明一下！

2 楼 sidac 2009-04-24  

写得很好，以前都是用Struts2直接上传的，过程没有这个直观。
不过现在暂时没有Struts2项目，等有空时尝试一下

1 楼 vvv654321 2009-04-23  

flash 怎么和Action绑定