下载带有filesaver.js和blob的pdf

Question

我正在尝试用Filesaver.js下载一个文件。当我尝试使用csv来做这件事时，它工作得很好。但我现在需要下载一份pdf文件。

我该怎么做呢？我将Filesaver.js与一个blob对象一起使用，我的代码如下所示：

var filename = "myfile.csv";
var s = "my csv text content";
var blob = new Blob([s], {type "text/csv;charset=utf-8"});
var filesaver = saveAs(blob,filename);

我想知道当我想下载pdf时，我应该传递给blob onject什么样的数据类型。

Answer 1

 var blob = new Blob([response.data], {type: "application/pdf;charset=utf-8"});
 var blob = new Blob([response.data], {type: "text/plain;charset=utf-8"});

这两个都可以，但标题应该是

{responseType:"arraybuffer"}

Answer 2

当然，数据类型应该是application/pdf。

内容应该在base64上，所以blob应该以

data:application/pdf;base64,

正如您在jspdf库源代码中看到的那样。

享受demo吧。

Answer 3

PDF完全是另一种格式，而FileSaver的唯一任务就是保存文件。

您可以使用jsPDF库来做到这一点。这是你可以在你的案例中使用它的方式：

var filename = "myfile.csv";
var s = "my csv text content";

var pdf = new jsPDF();
pdf.text(10, 10, s);
pdf.save(filename.replace(".csv", ".pdf"));