`

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

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

如题,简单记录一下这个问题的解决办法,导致问题的核心原因是: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;
    }</string,>


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("数据异常!");
                        }
                }
            }
        );
问题解决了
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics