javascript - 如何在 Chrome 的 PDF 查看器中显示带有名称的 javascript 文件对象？

Question

我有一个 Blob 格式的 PDF 文件对象(用 jsPDF 生成)，我想在 <iframe> 中显示元素。

我可以通过这种方式轻松做到这一点:

iframe.src = URL.createObjectURL( blob )

PDF 已正确呈现，但我得到了一个深奥的字符串来代替其名称(请参见 Chrome 的 PDF 查看器的下图)。

所以我尝试将 Blob 转换为 File对象，以便给它一个人类可读的名字。

var file = new File( [blob], 'a_name.pdf', { type: 'application/pdf' } )
iframe.src = URL.createObjectURL( file )

它适用于 Firefox:从页眉的 PDF 查看器保存文件时保留名称。不幸的是，在加载到 PDF 查看器之前，它被丢弃在 Chrome 中并替换为随机文件名。

你知道是否可以在 <iframe> 中显示 PDF 文件对象吗？及其文件名？

Answer 1

您可以设置 jsPDF 生成的 PDF 的标题使用 setProperties 方法:

var doc = new jsPDF();
doc.setProperties({
    title: "This is my title"
});
...

该标题将显示在 Chrome 的 PDF 查看器中。您可以在 Live Demo 中进行测试页面。