javascript - 如何在 HTML 页面中嵌入 PDF?

标签 javascript html node.js pdf openoffice.org

我需要在 HTML 页面中嵌入一个 PDF 文件,以便用户在每个主要设备上都能看到它。 大多数方法在桌面上运行良好,但在 iPad 设备上开始出现问题。如果放置在 iframe 或嵌入标记内,PDF 将不再可滚动。

我使用了以下技术来解决这个问题:

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

2) 使用 PDF.js通过 Mozilla 它在所有设备上都能正常工作,但在 iPad 上使页面极其缓慢且无响应

3) 使用谷歌 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(open office) headless 将 PDF 嵌入我的页面,但我找不到任何关于它的用法的文档?

有人可以帮忙吗? :(

提前致谢!

最佳答案

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

为纯 HTML 尝试上面的一个。但另一种选择是,如果您想使用 javascript,请尝试 mozillaPdf.jshttps://github.com/mozilla/pdf.js

关于javascript - 如何在 HTML 页面中嵌入 PDF?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53739984/

相关文章:

javascript - 如何仅在存在时才需要模块。 react native

javascript - 如何在html div中显示pdf文件

html - 为什么浏览器为重音字符保留空间,即使没有重音字符?

javascript - 使用 Service Worker 时离线重写 URL

node.js - NodeJS - 带有空数据的流。怎么处理?

jquery - NodeJS + jsDom 同步调用

javascript - React.js 获取 Giphy API

javascript - 在保留括号的同时将数组转换为字符串

html - 旋转时的 css 挑战(转换 :rotate) block - width auto

javascript - 如何使用 lodash 过滤两个日期之间的值?