Question

我需要在HTML页面中嵌入PDF文件，以供用户在每个主要设备上查看。 大多数方法在台式机上都可以正常运行，但在iPad设备上开始出现问题。如果将PDF放在iframe或嵌入标签中，则无法再滚动。

我使用以下技术来解决该问题：

1）使用pdf-image作为节点并将PDF转换为图像，然后将它们滑动到div中。这种方法的问题是图像质量下降并且不适合在Web上查看。

2）使用Mozilla的PDF.js 它在所有设备上都能正常运行，但在iPad上使页面运行极其缓慢且无响应

3）使用Google PDF查看器

<iframe src="https://docs.google.com/viewer?url=http://public-Url-of-pdf.pdf&embedded=true" frameborder="0" height="500px" width="100%"></iframe>

这种方法的问题是我需要公开公开我的PDF ，出于安全原因，我不想这样做。

以上方法均不适用于我。是否有任何解决方案可将PDF嵌入在iPad上也可使用的页面。

我的一位同事告诉我有关使用 LibreOffice（无头办公）将PDF嵌入到页面中，但是我找不到有关其用法的任何文档吗？

有人可以帮忙吗？ :(

谢谢！

Answer 1

我认为将PDF嵌入到网页中的最简单方法是使用对象标签：

<object data="assets/test.pdf" type="application/pdf" width="100%" height="800px">
 <p>It appears you don't have a PDF plugin for this browser.
 No biggie... you can <a href="assets/test.pdf">click here to
  download the PDF file.</a></p>
</object>

上面的代码将执行以下操作： -如果浏览您网站的用户具有PDF查看器插件（某些浏览器默认包含），它将在浏览器中打开PDF： -如果用户没有PDF查看器插件，则会为他们提供一个链接，以下载PDF并在其站点上查看。

Answer 2

<embed src="http://example.com/the.pdf" width="500" height="375" />

尝试以上一种以获得纯HTML。但是另一个选择是，如果您想使用javascript，请尝试Pdf.js的{{1}}。 https://github.com/mozilla/pdf.js

如何在PDF页面中嵌入PDF？

2 个答案: