Heim > Web-Frontend > js-Tutorial > Einfache Bedienung des JS-Download-Dateistreams (Code im Anhang)

Einfache Bedienung des JS-Download-Dateistreams (Code im Anhang)

亚连
Freigeben: 2018-05-18 10:59:57
Original
7624 Leute haben es durchsucht

Das Folgende ist ein einfacher Vorgang zum Herunterladen von JS-Dateien, den ich für Sie zusammengestellt habe. Interessierte Studenten können einen Blick darauf werfen.

Der Download-Code lautet wie folgt:

var xhr = new XMLHttpRequest();
var formData = new FormData();
formData.append('snNumber', $("#snNumber").val());
formData.append('spec', $("#spec").val());
formData.append('startCreateDate', $("#startCreateDate").val());
formData.append('endCreateDate', $("#endCreateDate").val());
formData.append('startActiveDate', $("#startActiveDate").val());
formData.append('endActiveDate', $("#endActiveDate").val());
formData.append('supplier', $("#supplier").val());
formData.append('state', $("#cboDeviceStatus").val());
xhr.open('POST', vpms.ajaxUrl + vpms.manageUserUrl + "exportExcelDevices", true);
xhr.setRequestHeader("accessToken", userInfo.accessToken);
xhr.responseType = 'blob';
xhr.onload = function (e) {
if (this.status == 200) {
var blob = this.response;
var filename = "设备导出{0}.xlsx".format(vpms.core.date.format("yyyyMMddhhmmss"));
var a = document.createElement('a');
blob.type = "application/excel";
var url = createObjectURL(blob);
a.href = url;
a.download = filename;
a.click();
window.URL.revokeObjectURL(url);
}
};
xhr.send(formData);
});
Nach dem Login kopieren

Der Download mit Chrome läuft gut, aber die Excel-Schaltfläche zum Exportieren der IE Explorer 11-Version reagiert nicht oder es erscheint „A Zum Öffnen dieses Blobs ist eine neue Anwendung erforderlich.

Verbessern Sie die Blob-Verarbeitungsmethode: wie folgt

if (window.navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(blob, filename);
} else {

var a = document.createElement('a');
blob.type = "application/excel";
var url = createObjectURL(blob);
a.href = url;
a.download = filename;
a.click();
window.URL.revokeObjectURL(url);
}
Nach dem Login kopieren

Zu diesem Zeitpunkt ist der Export unter IE normal:

Einfache Bedienung des JS-Download-Dateistreams (Code im Anhang)

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass die einfache Bedienung des JS-Download-Dateistreams in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Verifizierungscode generieren und in js überprüfen (enthält Code, einfach und grob, einschließlich Lehren und Lernen)

Über den einfachen Aufruf zum Abrufen von JSON-Daten in JS (der Code ist beigefügt, einfach und grob)

Wie man JS verwendet, um die Anfrage mithilfe der POST-Methode zu senden (ausführliche Antwort kombiniert mit dem Code)

Das obige ist der detaillierte Inhalt vonEinfache Bedienung des JS-Download-Dateistreams (Code im Anhang). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage