关闭

基于springMVC文件上传的例子。ajax提交表单,子窗口关闭刷新父界面的demo

标签: springmvcajax表单multipartfilejswindow对象
224人阅读 评论(0) 收藏 举报

1.父页面打开新窗口

 <t:dgToolBar title="附件上传" icon="icon-putout" funname="goUpload"></t:dgToolBar>

//附件上传
function goUpload() {
    var wbContractTastId = $("#wbContractTastId").val();
    var url = "wbContractTaskAttaController.do?goUpload&wbContractTastId="+wbContractTastId;
    window.open(url);
}

2.springMVC的请求转发

@RequestMapping(params = "goUpload")
public ModelAndView goUpload(WbContractTaskAttaEntity wbContractTaskAtta,HttpServletRequest req) {
    if (StringUtil.isNotEmpty(wbContractTaskAtta.getId())) {
        wbContractTaskAtta = wbContractTaskAttaService.getEntity(WbContractTaskAttaEntity.class, wbContractTaskAtta.getId());
        req.setAttribute("wbContractTaskAttaPage", wbContractTaskAtta);
    }
    if(wbContractTaskAtta.getWbContractTastId() != null){
        req.setAttribute("wbContractTaskAttaPage", wbContractTaskAtta);
    }
    return new ModelAndView("com/szgd/web/wbContractTaskAtta-upload");
}

3.文件上传页面的jsp

<form id="upload">
        <input type="file" name="file">
        <input name="wbContractTastId" type="text"  hidden="true"  value="${wbContractTaskAttaPage.wbContractTastId}">
        <input type="button" value="提交" onclick="upload()">
 </form>

4.相关js代码

使用ajax异步提交,所以form里面没有 enctype="multipart/form-data",也可以

function upload() {
        var form = new FormData(document.getElementById("upload"));
        $.ajax({
            url:"wbContractTaskAttaController.do?doAdd",
            type:"post",
            data:form,
            processData:false,
            contentType:false,
            success:function(data){
                var jsonObj = JSON.parse(data);
                tip(jsonObj.msg);
                if(jsonObj.msg == '文件上传成功'){

                    //刷新父页面的操作

                    window.opener.location.reload();

                    //关闭当前页的操作

                    window.close();
                }
                
            }
        });        
    }

5.controller执行操作

    @RequestMapping(params = "doAdd")
    @ResponseBody
    public AjaxJson doAdd(WbContractTaskAttaEntity wbContractTaskAtta, HttpServletRequest request) {
        AjaxJson j = new AjaxJson();
        message = "维保合同任务附件更新成功";
        UploadFile uploadFile = new UploadFile(request);
        MultipartHttpServletRequest multipartRequest = uploadFile.getMultipartRequest();
        Map<String, MultipartFile> fileMap = multipartRequest.getFileMap();
        for (Map.Entry<String, MultipartFile> entity : fileMap.entrySet()) {
            MultipartFile file = entity.getValue();// 获取上传文件对象
            String name = file.getOriginalFilename();//获取文件原始名称
            Double size = (double) file.getSize()/1024/1024;//获取文件大小 bytes -- kb -- mb
            if(name.equals("")){
                message = "请选择上传文件";
                j.setMsg(message);
                return j;
            }
            if(name.contains(".jpg") || name.contains(".png") ||
                    name.contains(".txt") || name.contains(".word")||
                    name.contains(".excel") || name.contains(".ppt")){
                //存储文件
                if (file.getSize() != 0) {
                    //文件夹
                    String filePath = "CONTRACT_TASK" + "/" + new SimpleDateFormat("yyyy/MM/dd").format(new Date()) + "/" + wbContractTaskAtta.getWbContractTastId();
                    String root = ConfigUtil.getValue("FILE_ROOT_PATH") + "/" + filePath;
                    File applyFileDirectory = new File(root);
                    if (!applyFileDirectory.exists()) {
                        applyFileDirectory.mkdirs();
                    }
                    File applyFile = new File(root + "/" + name);
                    try {
                        FileUtils.copyInputStreamToFile(file.getInputStream(), applyFile);
                        WbContractTaskAttaEntity wbContractTaskAttaEntity = new WbContractTaskAttaEntity();
                        wbContractTaskAttaEntity.setCreateTime(new Date());
                        wbContractTaskAttaEntity.setAttachmentSize(size);
                        wbContractTaskAttaEntity.setOptUserId(request.getSession().getAttribute("Current_UserId").toString());
                        wbContractTaskAttaEntity.setOptUserName(request.getSession().getAttribute("Current_UserName").toString());
                        wbContractTaskAttaEntity.setDeleteFlag(0);
                        wbContractTaskAttaEntity.setAttachmentName(name);
                        wbContractTaskAttaEntity.setAttachmentUrl(root);
                        systemService.save(wbContractTaskAttaEntity);
                        message = "文件上传成功";
                    } catch (IOException e) {
                        message = "文件上传失败";
                    }
                }
            }else{
                message = "不支持该文件格式";
            }
            
        }
        j.setMsg(message);
        return j;
    }

核心主要是通过request获取MultipartFile,以及MultipartFile API的一些方法的使用。

适合有一定代码基础的朋友看。

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

DWZ表单提交及关闭当前页面并刷新数据

DWZ表单提交及关闭当前页面并刷新数据 在DWZ文档中,对于DWZ框架Ajax无刷新表单提交处理流程描述如下: 1.       ajax表单提交给服务器 2.    &...
  • wy978651775
  • wy978651775
  • 2013-10-22 17:57
  • 20126

使用layer弹层组件和javascript实现子页面添加文章后关闭子页面并刷新父页面

语言表达能力太差,先上图: 这是父页面,点击添加文章按钮弹出如下子页面: 要实现的效果是:子页面添加文章内容并点击保存后,关闭该子页面,同时刷新父页面的文章列表。 我的思路是: 1.父页面写一个f...
  • CGS_______
  • CGS_______
  • 2017-03-27 16:40
  • 1704

jquery Jbox 插件实现弹出窗口在修改的数据之后,关闭弹出窗口刷新父页面的问题

问题如题: 这里我们在父页面定义一个全局的变量来标识是否需要刷新父页面(声明:下图中点击保存页面之后,不关闭子页面):点击1出弹出窗口: 我们的目的是:如果,用户保存过数据:在点击关闭按钮和2...
  • NsdnResponsibility
  • NsdnResponsibility
  • 2016-04-29 16:30
  • 14202

jqm文件上传,上传图片,jqm的表单操作,jqm的ajax的使用,jqm文件操作大全,文件操作demo

  • 2014-06-23 11:11
  • 515KB
  • 下载

无刷新文件上传 ajax提交表单

无刷新文件上传 ajax 提交表单 包含文件的表单 首先要说的就是 ajax 是无法实现上传文件的,可以想一下ajax与后台通信都是通过传递字符串,怎么能传递文件呢?其实出于安全考虑js是...
  • youshu2011
  • youshu2011
  • 2011-09-20 16:32
  • 1652

jqm文件上传,上传图片,jqm的表单操作,jqm的ajax的使用,jqm文件操作大全,文件操作demo

最近在论坛中看到,在使用html5中上传图片或文件,出现各种问题。这一方面,我也一直没有做过,今天就抽出了一点时间来学习一下。现在的示例已经ok了,我就给大家分享一下,希望对大家有帮助。 好吧,我们先...
  • xmt1139057136
  • xmt1139057136
  • 2014-06-23 11:44
  • 18073

ajax提交普通表单或者文件上传的form 带回调函数

最近项目需要要整一个 文件上传(客户端和服务器端不在同一台机子) 对上传的文件解析过后   根据后台返回的text  前台给出相应的提示在网上找了下  有两种   一种是通过iframe 还有就是用...
  • MRwang1989
  • MRwang1989
  • 2013-12-28 15:12
  • 5904

ajax方式提交带文件上传的表单

ajax方式提交带文件上传的表单    一般的表单都是通过ajax方式提交,所以碰到带文件上传的表单就比较麻烦。基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,...
  • viproc
  • viproc
  • 2011-08-04 17:40
  • 3205

MVC4 文件上传的两种方式,默认提交表单方式和AJAX异步方式(精华)

如题,将为大家展示如何使用MVC4实现文件上传的两种方式 一、第一种方式(默认提交表单方式) 首先,新建MVC4工程,如下图所示: 然后,添加控制器HomeControlle...
  • xia4o
  • xia4o
  • 2015-12-31 19:15
  • 5807

ajax方式提交带文件上传的表单,上传后不跳转

ajax方式提交带文件上传的表单    一般的表单都是通过ajax方式提交,所以碰到带文件上传的表单就比较麻烦。基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,...
  • smile0198
  • smile0198
  • 2013-08-13 21:20
  • 2451
    个人资料
    • 访问:736次
    • 积分:31
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:4篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档