使用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); 

我想知道我應該傳遞給BLOB onject什麼樣的數據類型，當我想下載PDF格式。

Answer 1

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

內容應該是base64所以斑點應與

data:application/pdf;base64, 

開始你可以在jspdf庫的源代碼見。

享受demo。

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