下載帶有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

數據類型當然應該是application/pdf 。

內容應該在base64因此blob應該以

data:application/pdf;base64,

正如您在jspdf庫中看到的源代碼。

享受演示 。

Answer 2

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

Answer 3

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