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.           <script type='text/javascript' src='/dwr/engine.js'></script>

对应在步骤3：中定义的 javascript="DWRService" 关联的java类

1.           <script type='text/javascript' src='/dwr/interface/DWRService.js'></script>

可选引入依赖

提供一些方便的工具方法的使用

1.           <script type='text/javascript' src='/dwr/util.js'></script>

步骤5：

使用

DWRService.sayHello( 参数 , 如果有返回，回调方法 )

代码如下：html代码

1.           <script type='text/javascript' src='/dwr/engine.js'></script>

2.             <script type='text/javascript' src='/dwr/util.js'></script>

3.             <script type='text/javascript' src='/dwr/interface/DWRService.js'></script>

4.

5.

6.           <script language="JavaScript">

7.

8.            //dwr文件上传

9.            var up = function(){

10.          var headf = 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.          <img  src="images/angel.jpg" id="headimage">

24.          <input type="file" name="headfile" id="headfile">

25.          用户名:<input type="text" name="name" id="name" onblur="up()">

26.          <input type="button" value="上传头像" onclick="up()"/>

27.       </body>

28.       </html>

dwr.xml 配置

1.           <dwr>

2.            <allow>

3.             <create creator="new"  javascript="DWRService">

4.              <param name="class" value="org.fk.dwr.DWRDemo"></param>

5.             </create>

6.            </allow>

7.           </dwr>

java 代码如下：

1.           import java.io.File;

2.           import org.apache.commons.io.FileUtils;

3.           import org.directwebremoting.WebContext;

4.           import org.directwebremoting.WebContextFactory;

5.           import org.directwebremoting.io.FileTransfer;

6.

7.           public class DWRDemo {

8.              public String sayHello(String name){

9.               System.out.println("欢迎您:"+name);

10.           return "欢迎您:"+name;

11.          }

12.

13.          /**

14.           * dwr 文件上传

15.           * @param ft  FileTransfer 封装类前台js提交的文件数据

16.           * @return

17.           */

18.          public boolean headUp(FileTransfer ft){

19.

20.           WebContext  wc = WebContextFactory.get();

21.           //获得应用路径

22.           String headImages = wc.getSession().getServletContext().getRealPath("/headImages");

23.

24.           File file = new File(headImages);

25.           //如果文件夹不存在，就创建

26.           if( !file.exists()){

27.            file.mkdirs();

28.           }

29.           try{

30.            //文件上传核心代码使用 commons-io-2.0.1.jar完成

31.            FileUtils.copyInputStreamToFile(ft.getInputStream(), new File(headImages+File.separator+ft.getFilename()));

32.            return true;

33.            }catch(Exception e){

34.            e.printStackTrace();

35.           }

36.           return false;

37.          }

38.       }