解决问题：EXT4 filefield 文件上传在IE8上返回状态无效，弹出下载页面

来源：互联网发布：免费八字排盘网络中国编辑：程序博客网时间：2024/06/05 14:24

解决描述：

EXT4 filefield 以form 文件上传，基于IE8浏览器，不管上传成功与否，返回状态无效（即success: function(fp, o) {}方法无效），并弹出下载页面

原代码情况如下：

1 EXT4前台视图层view view/List.js:

    Ext.apply(this, {
           layout : {
               type : 'vbox',
               align : 'center',
               flex : 1
           },
           renderTo : document.body,
           items : [ {
               xtype : 'form',
               width : '100%',
               frame : true,
               title : '镜像方式上传',
               bodyPadding : '10 10 0',
               collapsible : true,
               jsonSubmit : true,//以JSON形式提交数据
               hidden : true,
               defaults : {
                   anchor : '100%',
                   allowBlank : false,
                   msgTarget : 'side',
                   labelWidth : 50
               },
               items : [ {
                   xtype : 'filefield',
                   itemId : 'uploadfile',
                   emptyText : '请选择文件',
                   fieldLabel : '文件',
                   name : 'photopath',
                   labelWidth : 65,
                   buttonText : '',
                   allowBlank : true
               }],
               buttons : [ {
                   text : '上传',
                   itemId : 'save'
               }, {
                   text : '重置',
                   handler : function() {
                       this.up('form').getForm().reset();
                   }
               } ]
           }]
       });

2 EXT 前台控制层controller controller/filemanager.js:

      onSaveButtonClick:function(btn) {
      var me = this;
      var form = btn.up('form').getForm();
      if(form.isValid()){
          form.submit({
              method : 'POST',
              url: 'imagemanager/entity/headers',
              timeout:3000000,
              success: function(fp, o) {
                Ext.toast.msg('温馨提示', '文件上传成功');   }
          });
      }
   },

3 后台控制层 @Controller MirrorMController

@Controller
@RequestMapping(value = "/imagemanager")
public class MirrorMController {
   @ResponseBody
   @RequestMapping(value = "/entity/headers", method = RequestMethod.POST)
   public Map<String, Object> add(HttpServletRequest request) throws UnsupportedEncodingException {
       String resStr = "false";

try {

//处理文件上传具体代码

            resStr = "true";
       } catch (Exception e) {
           e.printStackTrace();
       }
       return ModelMapper.success(resStr);
   }

结果出现问题，如上,Firefox火狐浏览器、谷歌浏览器Google Chrome正常返回状态，但IE8出现返回状态无效（即success: function(fp, o) {}方法无效），并弹出下载页面

Firefox火狐浏览器下运行截图：

IE8浏览器下运行截图：

4 后台控制层 @Controller MirrorMController 方法add修改

@Controller
@RequestMapping(value = "/imagemanager")
public class MirrorMController {

   @RequestMapping(value = "/entity/headers", method = RequestMethod.POST)
   public ResponseEntity<String> add(HttpServletRequest request,
           HttpServletResponse response) throws UnsupportedEncodingException {
       String json = "{success: true}";
       HttpHeaders responseHeaders = new HttpHeaders();
       responseHeaders.setContentType(MediaType.TEXT_HTML);
       try {

            //处理文件上传具体代码
       } catch (Exception e) {
           e.printStackTrace();
       }
       return new ResponseEntity<String>(json, responseHeaders, HttpStatus.OK);
   }

Firefox火狐浏览器下运行截图：

IE浏览器下运行测试正常

总结原因说明：

IE浏览器对Content-Type = application/json,会出现下载保存

IE浏览器对Content-Type = text/html,返回信息按html处理

说明：

1 文件上传采用common-fileupload1.3.0(由开源组20130329号发布)

2 设置DiskFileItemFactory 类内存缓冲区：factory.setSizeThreshold(8 * 1024 * 1024)时，要考虑JVM与物理内存的比例,在默认情况 JVM = MEM / 64；

在不调整JVM缓冲区大小，注意factory.setSizeThreshold( <MEM / 64 ),否则运行TOMCAT后，会出现java.lang.OutOfMemoryError: Java heap space

3 文件上传采用common-fileupload1.3.0, IE浏览器微软规定上传文件大小: <2G(32位操作系统),<4G(64位操作系统),其它浏览器无大小限定；