javascript - 打开嵌入在 div 中的 pdf

Question

我有一个网页，其中显示了之前上传的一些 pdf 文件，但我希望当我单击其链接时，将其打开到一个命名的 div 中。

我的代码:

<div class='row'>
  <div class='col'>
    <a href='pdf1.pdf'>pdf1</a>
    <br/>
    <a href='pdf2.pdf'>pdf2</a>
  </div>
  <div class='col' id='preview'>OPEN PDF PREVIEW</div>
</div>

如果我点击“pdf1”或“pdf2”，我的两个文件可能会在 ID 为 PREVIEW 的 div 中打开

我尝试过一些 jquery 函数，但没有成功。

Answer 1

您可以执行以下操作:

<iframe src="http://docs.google.com/gview?url=http://example.com/mypdf.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>

您只需将 pdf 路径传递给 url