Question

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

因此，您将找到一个基本模态（与单击按钮后显示的基本模态的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

我发现bootstrap包含一个css属性，该属性会影响模态窗口中的pdf查看。

改变这个：

.modal.in .modal-dialog {
  transform: translate(0px, 0px);
}

为：

.modal.in .modal-dialog {
  transform: none;
}

如果更改此属性，一切正常。

您可以看到实际操作：

Answer 2

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

同时结帐PDFObject JS，应该很有趣

<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/

Answer 3

终于找到了解决办法:)这是我的浏览器pdf阅读器配置不好。 Firefox正在使用Adobe Reader显示pdf。我用pdf.js（Firefox的pdf阅读器）替换了它，现在一切似乎都运行良好:)非常感谢您的时间和帮助:)