SpringMVC+ajaxFileUpload上传图片 IE浏览器弹下载框问题解决方式
2017-05-05 12:05
746 查看
如题,简单记录一下这个问题的解决的方法,导致问题的核心原因是:ajaxfileupload不支持响应头ContentType为application/json的设置。而且IE也不支持这样的格式,而当我们用SpringMVC的@ResponseBody注解的时候会自己主动将响应类型设置为application/json。所以解决的方法仅仅有手动设置响应类型。
Step1 弃用@ResponseBody,通过流手动输出响应,并指定响应类型为text/html
@RequestMapping(value = "/fileImport2") public Map<String, Object> 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", //用于文件上传的server端请求地址 secureuri: false, //是否须要安全协议,一般设置为false fileElementId: 'filename', //文件上传域的ID dataType: 'text', //返回值类型 一般设置为json success: function (data) //server成功响应处理函数 { alert(data); var repObj = $.parseJSON(data); if (repObj.data == 'ok') { alert("导入成功!"); } else { alert("数据异常!"); } } } );
问题攻克了, 最后简单看一下FireBug的调试信息:
相关文章推荐
- SpringMVC+ajaxFileUpload上传图片 IE浏览器弹下载框问题解决方案
- SpringMVC+ajaxFileUpload上传图片 IE浏览器弹下载框问题解决方案
- SpringMVC+ajaxFileUpload上传图片 IE浏览器弹下载框问题解决方案
- 异常-----springmvc + ajaxfileupload解决ajax不能异步上传图片的问题。java.lang.ClassCastException: org.apache.catalina.connector.RequestFacade cannot be cast to org.springframework.web.multipart.
- SpringMVC+ajaxFileUpload 兼容IE浏览器实现异步上传图片
- spring mvc ajaxfileupload文件上传返回json下载问题
- ajaxfileupload.js+springMVC实现多个图片与数据同一个ajax方法上传
- springMVC + ajaxfileupload异步上传图片预览,裁剪并保存图片
- ajaxFileUpload 上传文件/图片,传参数,解决第二次无法上传问题
- jquery ajax图片上传 springmvc ajaxFileUpload 报这错jQuery.handleError is not a function
- Spring MVC+ajaxfileupload实现文件上传下载
- springMVC+Ajaxfileupload无刷新上传文件返回json串问题
- springmvc + ajaxfileupload 实现异步上传文件(图片)
- ajaxfileUpload.js 上传文件 IE浏览器提示下载json的问题
- jQuery插件之ajaxFileUpload(异步上传图片并实时显示,并解决onchange后ajaxFileUpload失效问题)
- ajaxFileUpload上传文件时IE浏览器弹出下载提示问题处理
- SpringMVC ajaxFileUpload 上传图片 IE8 已测
- springmvc + ajaxfileupload 实现异步上传文件(图片)
- jQuery插件之ajaxFileUpload(异步上传图片并实时显示,并解决onchange后ajaxFileUpload失效问题)
- springmvc + ajaxfileupload 实现异步上传文件(图片)