最近项目涉及到附件上传就头痛,一直在用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) {}
});