Question

在我添加我正在使用的代码之前，请知道我已经尝试了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>

Answer 1

由于资源丰富，所有问题都得到了解决：PDFObject：http://pdfobject.com/

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

PDF嵌入不使用当前代码

1 个答案: