http://www.twospy.com/galleriffic/ ", 在图像 slider 中,连同图像,在某-6ren">
gpt4 book ai didi

jquery - 嵌入在 标签中的 PDF 未在 IE 11 中加载
转载 作者:技术小花猫 更新时间:2023-10-29 12:36:57 25 4
gpt4 key购买 nike

我必须创建一个我正在使用的图像 slider :

"Galleriffic 插件> http://www.twospy.com/galleriffic/ ",

在图像 slider 中,连同图像,在某些情况下我必须显示 PDF。

为了表明这一点,我将 <div>它将 PDF 嵌入“<div class="caption">”中,您可以在其中显示与图像相关的描述。

对于带有 PDF 的 slider ,您可以在此处查看完整代码: http://jsfiddle.net/Z99gr/2/

我正在尝试使用 <object> or <embed> 嵌入 PDF标签,它在 Chrome 和 Firefox 中工作正常。但不在 IE11 中。

我无法理解缺少什么,因为我只用一个嵌入 PDF 的 div 创建了一个 fiddle ,并且它在所有三种浏览器、Chrome、Firefox 和 IE11 中都能正常工作。

http://jsfiddle.net/dmAM3/1/

请调查这个问题并尽快提出我对 IE 11 缺少什么的建议。

谢谢!

最佳答案

我现在可以使用“<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/stmjvz4f/

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

关于jquery - 嵌入在 <object> 或 <embed> 标签中的 PDF 未在 IE 11 中加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21319484/

25 4 0