Question

我有一个HTML页面，通过ajax调用动态地在页面上加载嵌入式pdf。

以下iframe代码从ajax方法

粘贴到Html页面上

<iframe src="${pdfpath}" width="1000" height="500">

第一次调用时效果很好，但在后续调用中存在问题。 PDF加载正常，页面上的其他内容消失。此问题仅发生在IE11中，适用于Chrome，Firefox甚至IE9。

我注意到的一件事是，当我打开F12开发人员工具时，页面的其余内容会再次出现。请记住，第一次加载页面时已经加载了这些内容，ajax方法只是将iframe元素插入到html页面上。

以下是ajax方法如何插入数据的示例

$("#pdfDiv").empty().html(data);

如何解决此问题，我们非常感谢您。

感谢。

Answer 1

我可以通过将iframe元素替换为对象元素

来解决此问题

<object data="${pdfpath}" type="application/pdf">
       <embed src="${pdfpath}" type="application/pdf" />
</object>

感谢。

Answer 2

自从Internet Explorer 11出现以来，每个人在想要显示或下载pdf文件时似乎都有麻烦，我也是。 Personnaly，我刚停止使用pdf。但是，这里有适合你的东西，我不知道它是否会有所帮助：