最近项目涉及到附件上传就头痛，一直在用plupload插件在做。。。ie9偶尔抽风但还是可以的。。。

然后有个需求，表格每行都有个上传按钮，页面多上传按钮。

 

一、开始的时候，用plupload做的，多实例上传

　　将browse_button触发按钮，设置成数组，这种方法也可以实现上述需求，但是ie9没反应，，，我不知道什么也不知道。。。
　　打印了一下，ie9 的runtime是html4，然后把上传方式调换了顺序，没用。。。
　　上传附件的时候，只执行了FilesAdded方法，不懂不懂
this.pluploader = new plupload.Uploader({
               runtimes: \'html5,flash,silverlight,html4\', //上传方式
               headers: {Accept: \'application/json; charset=utf-8\'},
               browse_button: arr, //触发按钮
               url: this.uploaderUrl,
               flash_swf_url: \'../common/lib/plupload/Moxie.swf\', //flash上传组件的地址
               silverlight_xap_url: \'../common/lib/plupload/Moxie.xap\',
               multi_selection:false,//不可选择多个文件同时上传
               filters: {
                  max_file_size: \'50mb\' //限定文件大小
                  // prevent_duplicates: true, //是否允许选取重复文件，默认false为允许
               }
            });

 　　以后我知道原因会更新的。。。

 

二、无奈，换了ajaxSubmit来做上传，这个方法很久前被我抛弃了，因为在ie9，ajaxSubmit请求返回数据成功，但是不执行success回调函数。

　　今天终于找到原因了，是返回数据的数据类型问题，ie9返回的数据是json字符串，不是对象。心累。

　　设置请求参数 dataType:\’text\’，就可以进入success，将数据类型JSON.parse()转成对象就行了。

this.$el.find("form"+\'.\'+targetClass).ajaxSubmit({
     url: this.uploaderUrl,
     contentType: "application/x-www-form-urlencoded; charset=utf-8",
     dataType:\'text\',
     enctype:"multipart/form-data",
     method:"POST",
     type:"POST",
     data:obj,
     success: $.proxy(function (result, status) {          
     　　if(typeof(result)===\'string\'){
            result = JSON.parse(result)
         }
         if (result.success) {
            //上传成功
        } else {}
      },this),
　　　error:function(res) {}
});

 

　　

　　

 

 

 

 

 

 

版权声明：本文为anyxl原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/anyxl/p/10038346.html