使用JS PDF库生成PDF

Question

我有一个下面的JS方法

generatePdf() {
const { jsPDF } = window.jspdf;
const doc = new jsPDF({
encryption: {
userPassword: "user",
ownerPassword: "owner",
userPermissions: ["print", "modify", "copy", "annot-forms"]
// try changing the user permissions granted
}
});
doc.text("Hi I'm Matt", 20, 20);
doc.table(30, 30, this.contactList, this.headers, { autosize: true });
doc.save("demo.pdf");
}

它成功地下载了PDF文件，但如果可能的话，我尝试使用iframe在网页上显示它，而不是下载它。我试着做同样的事，但没有成功。下面是我正在使用的JS库。

https://unpkg.com/jspdf@最新/dist/jspdf.umd.min.js

Answer 1

您可以创建一个blob url，并使用它在iframe上显示pdf。

不要使用保存方法，而是使用此处解释的输出方法：https://raw.githack.com/MrRio/jsPDF/master/docs/jsPDF.html#output

const url = doc.output("bloburl");

然后你可以在iframe src中使用url，如下所示：

<iframe src='url'>
</iframe>

如果你想在新的选项卡中显示pdf，请使用：

window.open(doc.output("bloburl"));