javascript - 在 JavaScript 中从 Bytes 下载文件

Question

我想从 AJAX 响应中下载以字节形式出现的文件。

我尝试在 Blob 的帮助下这样做:

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

它实际上是在下载 pdf 文件，但文件本身已损坏。

我怎样才能做到这一点？

Answer 1

我很久以前就问过这个问题，所以我在某些细节上可能是错误的。

事实证明，Blob 需要数组缓冲区。这就是为什么需要先将 base64 字节转换为数组缓冲区。

这是执行此操作的函数:

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

这是我保存 pdf 文件的函数:

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

下面是如何同时使用这两个函数:

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