javascript 使用JS PDF库生成PDF

a5g8bdjr  于 2023-04-04  发布在  Java
关注(0)|答案(1)|浏览(223)

我有一个下面的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@latest/dist/jspdf.umd.min.js

2w2cym1i

2w2cym1i1#

你可以创建一个blob url,并使用它在iframe上显示pdf。
不要使用保存方法,而是使用output方法,如下所述: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"));

相关问题