Question

我有一个表示PDF文件的Base64字符串。我想使用javascript将其转换为Blob对象的文件。完成之后，我想使用FileSaver.js将blob保存为PDF文件。

这是我的代码：

var base64PDF = JVBERi0xLjQNCiW0t..; // This is a huge string.
var blob = new Blob([base64PDF], { type: 'application/pdf' });
saveAs(blob, "test.pdf");

此代码不起作用。它保存了一个test.pdf，表示它无法打开这个pdf，因为解码时出错了。

我也尝试过这样做：

var base64PDF = JVBERi0xLjQNCiW0t..; // This is a huge string.
var decode = atob(screen.prp_wcfria_ExternalFile.pdfFile);
var blob = new Blob([decode], { type: 'application/pdf' });
saveAs(blob, "test.pdf");

此代码也不起作用。我该怎么做？

Answer 1

此javascript将base64字符串转换为blob对象：

// base64 string
var base64str = result.pdf;

// decode base64 string, remove space for IE compatibility
var binary = atob(base64str.replace(/\s/g, ''));
var len = binary.length;
var buffer = new ArrayBuffer(len);
var view = new Uint8Array(buffer);
for (var i = 0; i < len; i++) {
    view[i] = binary.charCodeAt(i);
}

// create the blob object with content-type "application/pdf"               
var blob = new Blob( [view], { type: "application/pdf" });
var url = URL.createObjectURL(blob);

Answer 2

您必须将base64字符串转换回原始二进制数据。使用atob是不够的，你必须通过循环运行它并将其转换为数组缓冲区 - Convert base64 string to ArrayBuffer
然后用它来创建blob。

Base64代表PDF到blob - JavaScript

2 个答案: