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

摘要: 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("数据异常!");
}
}
}
);