Question

我必须创建一个我正在使用的图像滑块：

“ Galleriffic插件＆gt; http://www.twospy.com/galleriffic/ ”，

在图像滑块中的

以及图像，我必须在某些情况下显示PDF。

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

对于包含PDF的Slider，您可以在此处查看完整代码： http://jsfiddle.net/Z99gr/2/

我正在尝试使用<object> or <embed>标记嵌入PDF，它在Chrome和Firefox中运行良好。但不是在IE11中。

我无法理解遗漏的内容，因为我只用一个嵌入PDF的div创建了一个小提琴，它在所有三个浏览器，Chrome，Firefox和IE11中都能正常工作。

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

请仔细研究这个问题，并尽快建议我在IE 11中缺少什么。

谢谢！

Answer 1

我现在能够使用“<iframe>”标签嵌入PDF文件。

我将“<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>中调用包含<object>标记的HTML页面。

以下是第二个选项的代码

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

这对我有用!!!

这是工作小提琴：http://jsfiddle.net/stmjvz4f/

希望将来对其他人有所帮助！

Answer 2

我建议查看PDFObject，它是一个Javascript库，用于在HTML文件中嵌入PDF。它可以很好地处理浏览器兼容性，并且最有可能一直回到IE8。

在HTML中，您可以设置div来显示PDF：

<div id="pdfRenderer"></div>

然后，您可以使用Javascript代码在该div中嵌入PDF：

var pdf = new PDFObject({
  url: "https://something.com/HTC_One_XL_User_Guide.pdf",
  id: "pdfRendered",
  pdfOpenParams: {
    view: "FitH"
  }
}).embed("pdfRenderer");

PDF嵌入在<object>或<embed />标记中，未加载到IE 11 </object>中

3 个答案: