, um dieses Problem zu lösen, wird der folgende Ansatz vorgeschlagen:

, indem die Reaktion der Reaktion der Reaktion des xmlhtpests eingestellt wird. als Blob -Objekt empfangen. Dieser Blob repräsentiert die PDF -Datei. Anschließend können Sie einen Download -Link mit der Methode createObjecturl erstellen, damit Benutzer das PDF herunterladen können.

, um diese Lösung zu demonstrieren, kann der folgende Code -Snippet verwendet werden:

var request = new xmlhttprequest (); request.open ("get", "/path/to/pdf", true); request.responsetype = "blob"; request.onload = function (e) { if (this.status === 200) { // `Blob` Antwort console.log (this.Response); // erstellen `Objecturl` von` this.response`: `.pdf` as` blob` var file = window.url.createObjecturl (this.Response); var a = document.createelement ("a"); a.href = Datei; A.Download = this.Response.name || "DetailPDF"; document.body.appendchild (a); A.Click (); // Entfernen Sie `a` folgen" speichern als "dialog, // `window`` erwidert `Focus` window.onfocus = function () { document.body.removechild (a) } }; }; Request.Send ();

Vorteile:

Diese Methode bietet die folgenden Vorteile:

Kompatibilität mit allen großen Browsern, einschließlich IE9, Firefox, Opera, Chrom und Safari. Data-URI-Ansatz in einigen Browsern

ermöglicht Benutzern, die PDF-Datei bequem herunterzuladen