• 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;
    	}

    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的调试信息:



  • 相关阅读:
    再谈算法复杂度
    Android 升级ADT到22第三方Jar包导致的ClassNotFoundException和NoClassDefFoundError异常解决
    spring security 3.1 实现权限控制
    Mysql又一次整理笔记--woods备忘
    从头认识Spring-3.8 简单的AOP日志实现(注解版)-扩展添加检查订单功能,以便记录并检測输入的參数
    Knockout JS 演示样例
    gulp初探
    [android] 线性布局和布局的组合
    [android] 相对布局和单位简介
    [android] 短信发送器
  • 原文地址:https://www.cnblogs.com/jzssuanfa/p/6812335.html
Copyright © 2020-2023  润新知