最近编写了一个上传文件的功能,支持ie9+.因此选用了 jQuery-File-Upload。可是在IE9测试时,产生了麻烦的问题,在这里记录一下。html
股务端接口要返回text/html
文件。由于ie9不认识application/json格式的。在IE9下面,会弹出下载的问题。jquery
在我修改过程当中,后端同窗说改了,而后我很信任它。而后改事后,仍是有下载的问题。不知道所措,最后发现是后端没有修改为功。。。git
首先,在文件的加载上。代码以下github
const fileList = ((pathFix) => {return [ `${pathFix}/jqueryuploader/vendor/jquery.ui.widget.js`, `${pathFix}/jqueryuploader/jquery.fileupload.js`, ...(laterIE ? [`${pathFix}/jqueryuploader/cors/jquery.xdr-transport.js`] : []), `${pathFix}/jqueryuploader/jquery.iframe-transport.js`, ]; })('/static/static');
上面是我下载的文件列表。在ie9下面,多加载了一个jquery.xdr-transport.js
文件。chrome
其次,是在配置方面json
$(fupload).fileupload({ url: server.dataPoiUpload, dataType: 'json', autoUpload: true, formData: {geotable_id: geotableId, sn: mStore.getSN(), user: mStore.getUsername()}, sequentialUploads: true, done: function(e, cdata) { var result = cdata.result; const data = ((rdata) => { return typeof rdata === 'object' ? rdata : JSON.parse(rdata); })(result); }, progressall: function(e, data) { console.log('update progressall'); var progress = parseInt(data.loaded / data.total * 100, 10); self.setState({ 'progress': progress }); }, change: function() { self.setState({ status: 'updating', uploadBtn: false }) console.log('upload change'); }, success: function(cdata, status, object) { const data = ((cd) => { return typeof cd === 'object' ? cd : JSON.parse(cd); })(cdata); } }).error(function() { console.log(arguments, 'error'); });
上面主要是在配置方面。主要注意几点:1,设置dataType. 2, success返回值时,chrome与ie返回值格式不同。这里作一判断后端
以上是主要的关键点。留作总结,但愿能帮助也在使用此组件的人app