SpringMVC+ajaxFileUpload上传图片 IE浏览器弹下载框问题解决方案

SpringMVC+ajaxFileUpload上传图片 IE浏览器弹下载框问题解决方案

 


如题,简单记录一下这个问题的解决办法,导致问题的核心原因是:ajaxfileupload不支持响应头ContentType为application/json的设置,并且IE也不支持这种格式,而当我们用SpringMVC的@ResponseBody注解的时候会自动将响应类型设置为application/json,所以解决办法只有手动设置响应类型。

 

Step1 弃用@ResponseBody,通过流手动输出响应,并指定响应类型为text/html

 

@RequestMapping(value = "/fileImport2")
	public Map fileImport2(HttpServletRequest request,
			HttpServletResponse response, MultipartHttpServletRequest req,
			@RequestParam("filename") MultipartFile uploadFile) {
		response.setContentType("text/html;charset=utf-8");
		try {
			// 文件上传
			String updateLoadPath = FileOperateUtil.uploadExcel(req, request,
					uploadFile);
			String publishPath = request.getSession().getServletContext()
					.getRealPath("/");
			//...略
			response.getWriter().write("{\"data\":\"ok\"}");
		} catch (Exception e) {
			e.printStackTrace();
			try {
				response.getWriter().write("{\"data\":\"error\"}");
			} catch (IOException e1) {
				// TODO Auto-generated catch block
				e1.printStackTrace();
			}
		}

		return null;
	}


Step2 将$.ajaxFileUpload的dataType设置为text(否则回调函数的值是[object.object])

 

$.ajaxFileUpload
            (
                {
                    url: postPath+"/app/studentScore/fileImport2", //用于文件上传的服务器端请求地址
                    secureuri: false, //是否需要安全协议,一般设置为false
                    fileElementId: 'filename', //文件上传域的ID
                    dataType: 'text', //返回值类型 一般设置为json
                    success: function (data)  //服务器成功响应处理函数
                    { 
                    		alert(data);
                    		var repObj = $.parseJSON(data);
                            if (repObj.data == 'ok') 
                            {
                                alert("导入成功!");
                            } 
                            else 
                            {
                                alert("数据异常!");
                            }
                    }
                }
            );


转载于:https://my.oschina.net/u/2518625/blog/531847

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值