Bootstrap模式 - 添加嵌入PDF的对象标签

Question

我正在尝试显示一个bootstrap模式,其中我想要包含一个带有"object"html标记的PDF文件.问题是似乎没有任何东西显示出来.

我创建了一个jsFiddle(http://jsfiddle.net/mV6jJ/3/).

因此,您将找到一个基本模态(完全相同的代码来自bootstrap,用于显示单击按钮后的基本模态),在模态体中,您将找到:

<object type="application/pdf" data="http://www.inkwelleditorial.com/pdfSample.pdf" width="500" height="500">this is not working as expected</object>

因此,当我单独添加此代码时(因此不在引导模式中),它按预期工作.它在浏览器的默认pdf查看器中显示pdf.但是当我尝试在bootstrap模式中实现pdf时,似乎没有任何东西出现.

如果你有任何想法它会真正帮助我,很多时间搜索,我只看到带标签的解决方案(我不想使用).

感谢你并致以真诚的问候

Answer 1

阻止下载管理器： 同样，如果您有 Internet 下载管理器或任何其他自动捕获 pdf 的下载管理器，请尝试阻止它自动捕获 pdf 链接。

也看看PDFObjectJS，应该很有趣

<script src="https://github.com/pipwerks/PDFObject/blob/master/pdfobject.min.js"></script>

编辑

请尝试 iframe 而不是对象类型 pdf

<iframe src="http://www.inkwelleditorial.com/pdfSample.pdf" width="500" height="500"></iframe>

http://jsfiddle.net/mV6jJ/9/