Datei von Bytes in JavaScript herunterladen

Question

Ich möchte die Datei, die in Form von Bytes aus AJAX-Antwort kommt.

Ich habe versucht, es auf diese Weise mit Hilfe von Bolb zu tun:

var blob=new Blob([resultByte], {type: "application/pdf"}); 
var link=document.createElement('a'); 
link.href=window.URL.createObjectURL(blob); 
link.download="myFileName.pdf"; 
link.click(); 

Es ist in der Tat das Herunterladen der pdf-Datei, aber die Datei selbst ist beschädigt.

Wie kann ich das erreichen?

Answer 1

ich die Frage lange Alter gefragt, so könnte ich in einigen Details falsch sein.

Blob wie es sich herausstellte benötigt Array-Puffer. Aus diesem Grund müssen base64-Bytes zuerst in Array-Puffer umgewandelt werden. Hier

ist die Funktion, das zu tun:

function base64ToArrayBuffer(base64) { 
    var binaryString = window.atob(base64); 
    var binaryLen = binaryString.length; 
    var bytes = new Uint8Array(binaryLen); 
    for (var i = 0; i < binaryLen; i++) { 
     var ascii = binaryString.charCodeAt(i); 
     bytes[i] = ascii; 
    } 
    return bytes; 
} 

Hier ist meine Funktion ist eine PDF-Datei zu speichern:

function saveByteArray(reportName, byte) { 
    var blob = new Blob([byte]); 
    var link = document.createElement('a'); 
    link.href = window.URL.createObjectURL(blob); 
    var fileName = reportName + ".pdf"; 
    link.download = fileName; 
    link.click(); 
}; 

Hier ist, wie diese beiden Funktionen zusammen zu verwenden:

var sampleArr = base64ToArrayBuffer(data); 
saveByteArray("Sample Report", sampleArr); 

Answer 2

Set Blobtype bei Blob Konstruktor statt bei createObjectURL

var blob = new Blob([resultByte], {type: "application/pdf"}); 
var link = document.createElement("a"); 
link.href = window.URL.createObjectURL(blob); 
link.download = "myFileName.pdf"; 
link.click(); 

Answer 3

Sie müssen nur eine zusätzliche Zeile hinzufügen, und es sollte funktionieren. Ihre Antwort ist Byte-Array von Ihrer Server-Anwendung

var bytes = new Uint8Array(resultByte); // pass your byte response to this constructor 

var blob=new Blob([bytes], {type: "application/pdf"});// change resultByte to bytes 

var link=document.createElement('a'); 
link.href=window.URL.createObjectURL(blob); 
link.download="myFileName.pdf"; 
link.click();