Télécharger le fichier à partir d'octets en JavaScript

Je veux télécharger le fichier qui est à venir dans la forme d'octets de l'AJAX réponse.

J'ai essayé de faire de cette façon avec l'aide de 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();

C'est en fait le téléchargement du fichier pdf mais le fichier est corrompu.

Comment puis-je y arriver?

source d'informationauteur Jahongir Rahmonov

  1. 46

    J'ai posé la question longtemps l'âge, alors j'ai peut-être tort dans certains détails.

    Blob il s'avère que les besoins de la matrice de tampons. C'est pourquoi base64 octets doivent être convertis au tableau des tampons en premier.

    Ici est la fonction pour le faire:

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

    Voici ma fonction pour enregistrer un fichier 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();
};

    Ici est de savoir comment utiliser ces deux fonctions:

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

    Vous avez juste besoin d'ajouter une ligne supplémentaire et cela devrait fonctionner. Votre réponse est le tableau d'octets à partir de votre serveur d'application

    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();
  3. 0

    Ensemble Blob type à Blob constructeur au lieu de 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();