javascript - jQuery-File-Upload ist mit IE8 kompatibel. Problem: Die hochgeladene Datei kann keine Antwort erhalten
Geben Sie zunächst den Code für dieses Problem an:
Der folgende Code war erfolgreich mit IE9+ kompatibel, schlug jedoch mit IE8 fehl
$("#file-upload").fileupload({
url: "/api/org/importOrg",
add: function(e, data) {
var file = data.files[0];
$("#fileInput").val(file.name);
$("#importSuccess").unbind().bind('click', function() {
if ($("#fileInput").val() === "") {
Messenger().post({
message: "请先上传文件！",
type: 'info',
showCloseButton: true
});
return;
}
if (browser == "Microsoft Internet Explorer" && (trim_Version == "MSIE7.0" )) {
Messenger().post({
message: '浏览器版本过老，不支持导入功能',
type: 'info',
showCloseButton: true
});
return;
} else if (!/.xls$|.xlsx$/.test(file.name)) {
Messenger().post({
message: '请上传以.xls/.xlsx为后缀名的正确Excel模版文件',
type: 'info',
showCloseButton: true
});
return;
} else if (file.size >= 10485760) {//上传文件大小不能超过10Mb
Messenger().post({
message: '上传的文件大小不能超过10Mb',
type: 'info',
showCloseButton: true
});
return;
}
$('#importSuccess').showLoading({
'overlayWidth': $('#importSuccess').innerWidth(),
'overlayHeight': $('#importSuccess').innerHeight()
});
//var pNode = pNodeSelectTree.getId();
//$("#file-upload").fileupload({formData: {name: $("#fileInput").val(), //type:$("[name=userType]:checked").val() }});
$("#file-upload").fileupload({
formData: {
name: $("#fileInput").val()
}
});
console.log('before submit:'+ $("#fileInput").val());//before submit:组织导入模板.xls
//$("#file-upload").fileupload({url:"/api/org/"+pNode[0]+"/importOrg"});
data.submit();
console.log("after submit");//after submit
});
},
done: function(e, rep) {
console.log("done");//没有触发fail，没触发done回掉
var myResult=JSON.parse(rep.result);//后端返回字符串，解析成JSON对象，请求的content-type应该为text/plain,避免IE9下返回application/json提示下载，从而兼容IE9
// myResult={"failed":1,"succeed":10,"fails":[{"line":15,"name":"的萨芬","orgName":"组织","mobile":1352222222,"error":"出错啦!!!"},{"line":15,"name":"的萨芬","orgName":"组织","mobile":1352222222,"error":"出错啦!!!"},{"line":15,"name":"的萨芬","orgName":"组织","mobile":1352222222,"error":"出错啦!!!"}]};
$('#importSuccess').hideLoading();
$("#fileInput").val('');
if (myResult.failed == 0) {
new Modal({
icon: "success",
title: "导入成功",
content: "成功导入" + myResult.succeed + "条数据",
isConfirm: false
}).show(function() {});
} else {
$('#importErrorModal').html(importErrorModal(myResult));
new Modal('#importErrorModal').show();
$('#importErrorModal td>p').each(function(){
this.scrollWidth > this.offsetWidth && $(this).tooltip();
});
$('#importErrorModal .modal-header').moveAnimate({modalHeaders:'#importErrorModal .modal-header'});
}
},
fail: function() {
console.log("fail");//没有打印，也就是说没回调fail
$('#importSuccess').hideLoading();
$("#fileInput").val('');
}
});Das Problem, auf das ich gestoßen bin, war nicht die sogenannte Rückgabe von JSON-Daten, sondern das Problem, dass der IE-Browser die Downloads verbessert.
Das aktuelle Problem besteht darin, dass dieses Programm unter IE8 die Done- und Fail-Funktionen nicht zurückrufen kann, dies ist jedoch in IE9+-Browsern und anderen Mainstream-Browsern möglich.
console.log('before submit:'+ $("#fileInput").val());//before submit:组织导入模板.xls
//$("#file-upload").fileupload({url:"/api/org/"+pNode[0]+"/importOrg"});
data.submit();
console.log("after submit");//after submitLaut dem Druckergebnis des obigen Programms zeigt es, dass die Add-Funktion erfolgreich ausgeführt wurde.
Ich habe auch die Kommunikation des Netzwerks überwacht. Nur die Datei „loading.gif“ zeigt an, dass die Kommunikation geladen wird, und es gibt keine weiteren entsprechenden Antworten. Die Netzwerkkommunikation von
IE8 sieht folgendermaßen aus:
Dies beweist auch, dass die Funktionen „Done“ und „Fail“ nicht zurückgerufen werden. Was ist also das Problem?
Die Netzwerkkommunikation erfolgreich kompatibler Browser ist wie folgt: 
Was ich versucht habe:
Ich habe gestern versucht, das IE9-Kompatibilitätsproblem zu lösen, aber das IE8-Kompatibilitätsproblem wurde seitdem nicht gelöst. Obwohl ich auch fast einen Tag damit verbracht habe, nach verwandten Problemen beim Stapelüberlauf zu suchen, habe ich nichts gewonnen.
