Scarica file da byte in JavaScript

Question

Voglio scaricare il file che sta arrivando in forma di byte dalla risposta AJAX.

ho cercato di fare in questo modo, con l'aiuto di Bolb:

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(); 

E 'infatti il ​​download in pdf, ma il file stesso è danneggiato.

Come posso realizzare questo?

Answer 1

ho fatto la domanda di età molto tempo, così mi potrebbe essere sbagliato in alcuni dettagli.

Blob come risultato necessita di buffer di array. Ecco perché i byte base64 devono essere prima convertiti in buffer di array.

Qui è la funzione per farlo:

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; 
} 

Qui è la mia funzione per salvare un file pdf:

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(); 
}; 

Ecco come utilizzare queste due funzioni insieme:

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

Answer 2

Set Blobtype a Blob costruttore invece che a 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

Hai solo bisogno di aggiungere una linea in più e dovrebbe funzionare. La tua risposta è array di byte dall'applicazione server

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();