pdf - iframe 无法将 jsPDF 输出识别为 pdf 格式

Question

我在将 jsPDF 输出显示为实际 pdf 时遇到问题。我试图模仿类似于 official site 的东西- 显示 pdf 的预览并为他们提供下载它的选项。

使用下面的代码，我设法为 iframe 设置了一个源，但 iframe 无法将内容识别为实际的 pdf。因此，当鼠标悬停在 iframe 上时，浏览器(chrome/firefox)没有默认的 pdf 选项 - 即:放大、缩小、打印、保存等。

有什么办法可以到doc.output(...)文档作为实际的pdf？我需要传入一个不同的选项吗？我试过 bloburl , bloburi和 datauristring .

// html
<iframe></iframe>
<button>Display pdf</button

.

// js
$('button').on('click', function(){
    var doc = new jsPDF('l', 'pt', 'letter')
    doc.text(20, 20, 'some text' )

    setTimeout(function(){
        var data = doc.output('datauri')
        $('iframe').attr('src', data)
    }, 10)
})

Answer 1

将您的 iframe 更改为“应用程序/pdf”类型。

<iframe type="application/pdf"></iframe>