我想从 AJAX 响应下载以字节形式出现的文件。
我尝试在以下人员的帮助下这样做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();
它实际上是在下载 pdf 文件，但文件本身已损坏。
我怎样才能做到这一点？
我很久以前就问过这个问题，所以我可能在某些细节上错了。
事实证明，这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);
您只需要添加一行额外的行，它应该可以工作。您的响应是来自您的服务器应用程序的字节数组
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();
设置Blob type在Blob构造函数而不是 atcreateObjectURL
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();