gpt4 book ai didi

javascript - PDF 嵌入在 IE11 中不起作用,但在 DOM 资源管理器(F12 - IE 调试工具)中编辑 HTML 时它可以工作

转载 作者:数据小太阳 更新时间:2023-10-29 04:00:37 26 4
gpt4 key购买 nike

这是与我的代码类似的 Fiddle 链接“ http://jsfiddle.net/Z99gr/2/ ”,我使用 Galleriffic 创建了一个图像 slider 。在图像 slider 和图像中,我显示嵌入的 PDF。

Fiddle 链接和我的图像 slider 在 Chrome 和 Firefox 中运行良好,但在 IE 中我无法加载。 我正在 IE 11 中测试

在 IE 中,当我打开“DOM 资源管理器(F12 - IE 的调试工具)”并选择 <div>其中包含 <embed> PDF 的标签,它显示下面的代码。

   <div id="pdf">
<embed width="500" height="375" src="https://www.adobe.com/products/pdfjobready/pdfs/pdftraag.pdf" type="application/pdf">
</embed>
</div>

当我在“DOM 资源管理器(F12 - IE 调试工具)”中编辑此 HTML 标记中的任何内容时,它会加载 PDF。

这个问题的性质非常奇怪。

我不明白如何解决这个问题。

请推荐!

我在 IE11 中得到的结果低于:

enter image description here

结果应该是这样的(它是 Chrome 的屏幕截图): enter image description here

最佳答案

我现在可以使用“<iframe>”标签嵌入 PDF 文件 IE。

我用 <object> 替换了“<embed>”和“<iframe>”标签它现在可以在所有 3 种浏览器(Firefox、Chrome 和 IE)上正常工作。

有两种方法可以在 IE 中嵌入 PDF。

第一种方式:直接在<iframe>中调用PDF

下面是更新后的代码:

<div id="pdf">
<iframe src="https://www.adobe.com/products/pdfjobready/pdfs/pdftraag.pdf" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
<p>It appears your web browser doesn't support iframes.</p>
</iframe>
</div>

第二种方式:如果浏览器没有 PDF 阅读器,您可以在页面 <iframe> 中调用 HTML其中包含 <object>标记 .

下面是第二个选项的代码

    <div id="pdf">
<iframe src="pdf.html" style="width: 100%; height: 100%;" frameborder="0" scrolling="no">
<p>It appears your web browser doesn't support iframes.</p>
</iframe>
</div>

pdf.html”的代码

<body>
<object data="lorem.pdf" type="application/pdf">
<p>It appears you don't have Adobe Reader or PDF support in this web browser. <a href="lorem.pdf">Click here to download the PDF</a>. Or <a href="http://get.adobe.com/reader/" target="_blank">click here to install Adobe Reader</a>.</p>
<embed src="lorem.pdf" type="application/pdf" />
</object>
</body>

这对我有用!!!

这是工作 fiddle :http://jsfiddle.net/Z99gr/9/

希望以后对其他人有所帮助!

关于javascript - PDF 嵌入在 IE11 中不起作用,但在 DOM 资源管理器(F12 - IE 调试工具)中编辑 HTML 时它可以工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21340820/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com