`
mywebcode
  • 浏览: 988452 次
文章分类
社区版块
存档分类
最新评论

Struts2.3.1 中整合DWR3.0 实现文件上传

 
阅读更多
Struts2.3.1中整合DWR3.0 实现文件上传
步骤1:导入 dwr*.jar ,
1. struts2-dwr-plugin-2.3.1.jar

步骤2:在web.xml中引入dwr的配置
1. <servlet>
2. <servlet-name>dwr-invoker</servlet-name>
3. <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
4. <init-param>
5. <param-name>debug</param-name>
6. <param-value>true</param-value>
7. </init-param>
8. </servlet>
9.  
10. <servlet-mapping>
11. <servlet-name>dwr-invoker</servlet-name>
12. <url-pattern>/dwr/*</url-pattern>
13. </servlet-mapping>
注意需要修改原来配置好的 struts2 原<url-pattern>/*</url-pattern> 为<url-pattern>*.do</url-pattern> 表示struts2只负责处理 .do 结尾的请求

步骤3:在web.xml同级目录中定义一个dwr.xml 配置文件, (dwr.xml可以去dwr.jar包中获得)
dwr.xml配置如下:
1. <dwr>
2. <allow>
3. creator="new":表示每一次dwr请求但是创建一个新的实例
4. javascript="DWRService"表示页面通过什么名字来对应调用你的java类提供服务
5. <createcreator="new"javascript="DWRService">
6. 指定为前台提供服务的java 这里的DWRDemo类在页面使用的时候使用DWRService调用
7. java类就是一个普通的java
8. <paramname="class"value="org.fd.dwr.DWRDemo"></param>
9. 
10. </create>
11. </allow>
12. </dwr>
步骤4:
必须引入依赖的js文件一般有2个ajax 核心引擎
1. <scripttype='text/javascript'src='/dwr/engine.js'></script>
对应 在步骤3:中定义的 javascript="DWRService" 关联的java类
1. <scripttype='text/javascript'src='/dwr/interface/DWRService.js'></script>
可选引入依赖
提供一些方便的工具方法的使用
1. <scripttype='text/javascript'src='/dwr/util.js'></script>
步骤5:
使用
DWRService.sayHello(参数 , 如果有返回,回调方法 )
代码如下:html代码
1. <scripttype='text/javascript'src='/dwr/engine.js'></script>
2. <scripttype='text/javascript'src='/dwr/util.js'></script>
3. <scripttype='text/javascript'src='/dwr/interface/DWRService.js'></script>
4. 
5. 
6. <scriptlanguage="JavaScript">
7.  
8. //dwr文件上传
9. varup=function(){ 
10. varheadf=dwr.util.getValue("headfile"); 
11. DWRService.headUp(headf,function(flag){ 
12. if(flag){ 
13. alert("成功"); 
14. }else{ 
15. alert("不成功"); 
16. } 
17. }); 
18. } 
19.  
20. </script>
21. </head>
22. <body>
23. <imgsrc="images/angel.jpg"id="headimage">
24. <inputtype="file"name="headfile"id="headfile">
25. 用户名:<inputtype="text"name="name"id="name"onblur="up()">
26. <inputtype="button"value="上传头像"onclick="up()"/>
27. </body>
28. </html>
dwr.xml配置
1. <dwr>
2. <allow>
3. <createcreator="new"javascript="DWRService">
4. <paramname="class"value="org.fk.dwr.DWRDemo"></param>
5. </create>
6. </allow>
7. </dwr>
java代码如下:
1. importjava.io.File; 
2. importorg.apache.commons.io.FileUtils; 
3. importorg.directwebremoting.WebContext; 
4. importorg.directwebremoting.WebContextFactory; 
5. importorg.directwebremoting.io.FileTransfer; 
6. 
7. publicclassDWRDemo{ 
8. publicStringsayHello(Stringname){ 
9. System.out.println("欢迎您:"+name); 
10. return"欢迎您:"+name; 
11. } 
12.  
13. /** 
14. *dwr文件上传
15. *@paramftFileTransfer封装类前台js提交的文件数据
16. *@return 
17. */
18. publicbooleanheadUp(FileTransferft){ 
19. 
20. WebContextwc=WebContextFactory.get(); 
21. //获得应用路径
22. StringheadImages=wc.getSession().getServletContext().getRealPath("/headImages"); 
23. 
24. Filefile=newFile(headImages); 
25. //如果文件夹不存在,就创建
26. if(!file.exists()){ 
27. file.mkdirs(); 
28. } 
29. try{ 
30. //文件上传核心代码使用commons-io-2.0.1.jar完成
31. FileUtils.copyInputStreamToFile(ft.getInputStream(),newFile(headImages+File.separator+ft.getFilename())); 
32. returntrue; 
33. }catch(Exceptione){ 
34. e.printStackTrace(); 
35. } 
36. returnfalse; 
37. } 
38. }
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics