代码之家  ›  专栏  ›  技术社区  ›  Beska

如何使用ajax将pdf引入div?

  •  6
  • Beska  · 技术社区  · 14 年前

    好吧,在我第一次进入ajax类行为…

    我想加载一个基于用户点击链接的pdf的div。如果用户单击第二个链接,则应该用新的pdf覆盖div。

    所以我想用以下方法来测试它:

    <script>
        function showPdf()
        {
            var pdfDiv = document.getElementById("pdfDiv");
            pdfDiv.innerHTML='<object type="application/pdf" data="my.pdf" width="500" height="650" ></object>';
        }
    </script>
    <div id="pdfDiv"></div>
    

    然而,这不起作用。

    我猜我可能是在设置innerHTML,但它实际上并没有获取文件。我想在页面加载后,我需要一些粗略的知识来强制执行这个新请求。有人能给我指一个合适的东西开始探索吗?

    3 回复  |  直到 14 年前
        1
  •  2
  •   Gabe    14 年前

    你可以试试 this

        2
  •  2
  •   Cristian    14 年前

    我会尝试一些更简单的方法:使用google pdf查看器服务。您只需创建一个iframe并更改它的src:

    <iframe src="http://docs.google.com/gview?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>
    
        3
  •  0
  •   Jared Updike    14 年前

    你试过用iframe吗?整个“文档”不需要是pdf的url吗?