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

简介: 引用:http://www.iteye.com/topic/372918 讲两点:一是如何在Struts2中使用FlashFileUpload这个flash的上传插件;二是在使用flash上传插件时如何解决Session问题。

引用:http://www.iteye.com/topic/372918

讲两点:一是如何在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对象可以直接把文件对象分离出来,想对上传的临时文件进行转存时,也很方便: 
C#代码 
  收藏代码
  1. for(int j = 0; j < context.Request.Files.Count; j++)  
  2. {  
  3.     // get the current file  
  4.     HttpPostedFile uploadFile = context.Request.Files[j];  
  5.     // if there was a file uploded  
  6.     if (uploadFile.ContentLength > 0)  
  7.     {  
  8.         // save the file to the upload directory  
  9.           
  10.         //use this if testing from a classic style upload, ie.   
  11.   
  12.         // <form action="Upload.axd" method="post" enctype="multipart/form-data">  
  13.         //    <input type="file" name="fileUpload" />  
  14.         //    <input type="submit" value="Upload" />  
  15.         //</form>  
  16.   
  17.         // this is because flash sends just the filename, where the above   
  18.         //will send the file path, ie. c:\My Pictures\test1.jpg  
  19.         //you can use Test.thm to test this page.  
  20.         //string filename = uploadFile.FileName.Substring(uploadFile.FileName.LastIndexOf("\\"));  
  21.         //uploadFile.SaveAs(string.Format("{0}{1}{2}", tempFile, "Upload\\", filename));  
  22.   
  23.         // use this if using flash to upload  
  24.         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里了。 
代码示例: 
Java代码 
  收藏代码
  1. /** 文件对象 */  
  2. private List<File> Filedata;  
  3.   
  4. /** 文件名 */  
  5. private List<String> FiledataFileName;  
  6.   
  7. /** 文件内容类型 */  
  8. private List<String> FiledataContentType;  
  9.   
  10. /** 
  11.  * @return the filedata 
  12.  */  
  13. public List<File> getFiledata() {  
  14.     return Filedata;  
  15. }  
  16.   
  17. /** 
  18.  * @param filedata the filedata to set 
  19.  */  
  20. public void setFiledata(List<File> filedata) {  
  21.     Filedata = filedata;  
  22. }  
  23.   
  24. /** 
  25.  * @return the filedataFileName 
  26.  */  
  27. public List<String> getFiledataFileName() {  
  28.     return FiledataFileName;  
  29. }  
  30.   
  31. /** 
  32.  * @param filedataFileName the filedataFileName to set 
  33.  */  
  34. public void setFiledataFileName(List<String> filedataFileName) {  
  35.     FiledataFileName = filedataFileName;  
  36. }  
  37.   
  38. /** 
  39.  * @return the filedataContentType 
  40.  */  
  41. public List<String> getFiledataContentType() {  
  42.     return FiledataContentType;  
  43. }  
  44.   
  45. /** 
  46.  * @param filedataContentType the filedataContentType to set 
  47.  */  
  48. public void setFiledataContentType(List<String> filedataContentType) {  
  49.     FiledataContentType = filedataContentType;  
  50. }  



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

 

下面说一下第二点:使用flash上传插件时如何解决Session问题 
在使用Flash上传文件时,存在一个Session丢失的问题。我们做文件上传时,一般都需要用户登录后,才允许上传,但是我发现在使用了Flash上传插件后,一上传Session就丢了,也就是说,在后台处理中,从Session中是取不到判断用户是否登录的标识的,原因是通过Flash上传时发起了一个独立于浏览器之外的请求,在后台程序中是无法通过Cookie取到对应的sessionId的,也就无法判断出用户是否登录了。 
解决之法就是在jsp或ftl文件中定义flash上传组件的代码时,把sessionId顺便登记上,这样,通过【url;jsessionid=】的形式,可以把sessionId通过URL传到后台,就可以使Session不丢失了。 
示例代码(FreeMarker): 
Html代码 
  收藏代码
  1. <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"  
  2.     width="100%" height="100%" id="file" align="middle">  
  3.     <param name="allowScriptAccess" value="sameDomain" />  
  4.     <param name="movie" value="/flash/FlashFileUpload.swf?ver=2009041702" />  
  5.     <param name="quality" value="high" />  
  6.     <param name="wmode" value="transparent">  
  7.     <param name="FlashVars" value='fileTypeDescription=JPG格式图片&fileTypes=*.jpg;*.jpeg&fileSizeLimit=3000000&totalUploadSize=10240000&uploadPage=/performMultiuploadForDemo;jsessionid=${session.id}?username=${username}'>  
  8.     <embed src="/flash/FlashFileUpload.swf?ver=2009041702" FlashVars='fileTypeDescription=JPG格式图片&fileTypes=*.jpg;*.jpeg&fileSizeLimit=3000000&totalUploadSize=10240000&uploadPage=/performMultiuploadForDemo;jsessionid=${session.id}?username=${username}'  
  9.         quality="high" wmode="transparent" width="100%" height="100%" name="file"  
  10.         align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash"  
  11.         pluginspage="http://www.macromedia.com/go/getflashplayer" />  
  12. </object>>  


好了,写完收工。 
相关文章
|
7月前
SpringMVC文件上传、文件下载多文件上传及jrebel的使用与配置2
SpringMVC文件上传、文件下载多文件上传及jrebel的使用与配置2
23 0
|
7月前
|
前端开发
SpringMVC文件上传、文件下载多文件上传及jrebel的使用与配置3
SpringMVC文件上传、文件下载多文件上传及jrebel的使用与配置3
35 0
|
7月前
|
前端开发 文件存储 数据库
SpringMVC文件上传、文件下载多文件上传及jrebel的使用与配置1
SpringMVC文件上传、文件下载多文件上传及jrebel的使用与配置1
43 0
|
1月前
|
Java
Struts文件上传与下载详解 _上传多个文件
Struts文件上传与下载详解 _上传多个文件
19 0
|
1月前
|
Java
Struts文件上传与下载详解_上传单个文件
Struts文件上传与下载详解_上传单个文件
9 0
|
5月前
|
存储 前端开发 Java
SpringMVC的文件上传&文件下载&多文件上传---详细介绍
SpringMVC的文件上传&文件下载&多文件上传---详细介绍
40 0
Struts2实现单文件上传,多文件上传与下载(十)下
Struts2实现单文件上传,多文件上传与下载(十)
191 0
Struts2实现单文件上传,多文件上传与下载(十)下
|
缓存 Java Apache
Struts2实现单文件上传,多文件上传与下载(十)上
Struts2实现单文件上传,多文件上传与下载(十)
217 0
Struts2实现单文件上传,多文件上传与下载(十)上
|
前端开发 应用服务中间件
Struts2实现单文件上传,多文件上传与下载(十)中
Struts2实现单文件上传,多文件上传与下载(十)
Struts2实现单文件上传,多文件上传与下载(十)中
|
JavaScript 前端开发 应用服务中间件
SpringMVC的单文件上传,多文件上传和下载文件(十二)下
SpringMVC的单文件上传,多文件上传和下载文件(十二)下
271 0
SpringMVC的单文件上传,多文件上传和下载文件(十二)下