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

本是古典何须时尚 2022-08-05 02:40 153阅读 0赞

如题，简单记录一下这个问题的解决办法，导致问题的核心原因是：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", //用于文件上传的服务器端请求地址
                        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("数据异常!");
                                }
                        }
                    }
                );

问题解决了， 最后简单看一下FireBug的调试信息：

![Center][]

![Center 1][]

![Center 2][]

[Center]: /images/20220805/7824d0c64d2e4b1bb834136692734254.png
[Center 1]: /images/20220805/7539be57194b404284e330edd6c749d1.png
[Center 2]: /images/20220805/2bc976554f1044e7955384b3706a2eb0.png