栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

DWR3.0实现异步上传文件

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

DWR3.0实现异步上传文件

         Struts2.3.1 中整合DWR3.0 实现文件上传步骤1:导入 dwr*.jar ,

1.struts2-dwr-plugin-2.3.1.jar


步骤2:在web.xml中引入dwr的配置

     dwr                 org.directwebremoting.servlet.DwrServlet                   debug        true         dwr    /dwr/*


注意需要修改原来配置好的 struts2 原/**.action 表示struts2只负责处理 .action结尾的请求

步骤3:在web.xml同级目录中定义一个dwr.xml 配置文件, (dwr.xml可以去dwr.jar包中获得)

dwr.xml配置如下:


                                               

步骤4:必须引入依赖的js文件一般有2个ajax 核心引擎

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

可选引入依赖提供一些方便的工具方法的使用

因为在xml里开启了debug模式,以上引入的js文件都可以在url里输入项目路径/dwr得到。

步骤5:使用DWRService.headUp(参数 , 如果有返回,回调方法 )代码如下:html代码

    var upload = function(){        var headf = dwr.util.getValue("headfile");          DWRService.headUp(headf,function(savePath){            var div = document.getElementById("div");            var img = document.createElement("img");            img. savePath;             img.id = "target";            div.appendChild(img);      });    }; 

java代码如下:

package net.farxiang.dwr.DWRUpload;import java.io.File;import org.apache.commons.io.FileUtils;import org.directwebremoting.WebContext;import org.directwebremoting.WebContextFactory;import org.directwebremoting.io.FileTransfer;public class DWRUpload{           public String headUp(FileTransfer ft){            WebContext  wc = WebContextFactory.get();            //获得应用路径           String headImages = wc.getSession().getServletContext().getRealPath("/images");             File file = new File(headImages);             //如果文件夹不存在,就创建          if( !file.exists()){              file.mkdirs();           }             try{             //文件上传核心代码使用 commons-io-2.0.1.jar完成            String[] fileNameSplit = ft.getFilename().split("\\");            String fileName = fileNameSplit[fileNameSplit.length-1];       FileUtils.copyInputStreamToFile(ft.getInputStream(), new File(headImages+File.separator+fileName));             return headImages+File.separator+fileName;            }catch(Exception e){              e.printStackTrace();             }           return null;     }}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/247007.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号