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

Question

我在将jsPDF输出显示为实际pdf时遇到问题.我试图模仿类似于官方网站的东西- 显示pdf的预览并给他们下载它的选项.

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

有没有什么方法可以doc.output(...)将doc作为实际的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 更改为“application/pdf”类型。

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