【问题标题】:PDF embed not working on IE with current codePDF嵌入不适用于当前代码的IE
【发布时间】:2016-07-28 11:05:32
【问题描述】:

在包含我正在使用的代码之前,请注意我已经尝试了 iframe,但在 IE 中显示 iframe 内的内容时遇到了问题。看看我在说什么.. 请在 Chrome 和资源管理器中查看此链接:http://mrrio.github.io/jsPDF/

另外,^ 这个链接正是我想要完成的,但它也显示在 IE 中..

<html>
<head>
    <meta charset="utf-8">
    <title>Display PDF in-page</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="flyer_builder.css" type="text/css" media="all">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>
        $(function() {
             $("#myDiv").load("pdf.html");
          });
    </script>
</head>
<body>
    <div class="container-fluid flyer-builder">
        <div class="col-md-6">
            <a id="refresh" href="#" class="btn btn-lg btn-success">Refresh PDF</a>
        </div>
        <div class="col-md-6">
            <div id="myDiv"></div>
        </div>
    </div>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
    <script>
        $(function() {
          $("#refresh").click(function(evt) {
             $("#myDiv").load("pdf.html")
          })
        })
    </script>
</body>
</html>

头部的脚本允许它在初始页面加载时加载,主体底部的脚本只刷新页面的那部分。这一切在 chrome 中都很好用,但在 IE 中仍然不起作用!!!请帮忙。

pdf.html:(我使用了一个通用的 pdf 文件作为示例)

<object data="https://www.irs.gov/pub/irs-pdf/fw4.pdf" type="application/pdf" style="width:100%;">
    <embed src="https://www.irs.gov/pub/irs-pdf/fw4.pdf" type="application/pdf"/>
</object>

【问题讨论】:

  • 你见过这个问题吗? stackoverflow.com/questions/21319484/…。接受的答案建议在 IE 上显示 &lt;iframe&gt; 而不是 &lt;embed&gt;(或 &lt;object&gt;)。
  • @dwarring 你是对的!!并感谢您的分享,我刚刚用一些有用的代码回答了我自己的问题,如果需要,请查看并进行测试。如果您能支持我的回答,那将对我有很大帮助!
  • @dwarring 我使用 iframe 和 object->embed 方式进行了处理,但这两种解决方案都不适用于 IE 中的某些 PDF。我终于找到了解决方案并将其发布为答案!

标签: javascript jquery html pdf iframe


【解决方案1】:

多亏了一个精彩的资源,一切都已解决:PDFObject:http://pdfobject.com/

生成类似于 iframe/object-embed 的内容,但适用于所有 IE v9+、FireFox、Chrome 浏览器。

【讨论】:

    猜你喜欢
    • 2016-07-23
    • 1970-01-01
    • 2011-02-16
    • 2015-07-11
    • 1970-01-01
    • 2015-07-20
    • 1970-01-01
    • 2013-11-10
    • 2012-06-01
    相关资源
    最近更新 更多