【问题标题】:how do i display pdf in html (responsive/crossbrowser solution)如何在 html 中显示 pdf(响应式/跨浏览器解决方案)
【发布时间】:2017-10-03 15:35:13
【问题描述】:

我需要在网站上显示 pdf。我尝试了很多方法,但没有一个对我有用。 让我解释一下我的尝试以及为什么这不适合我。

  1. 我尝试使用<object><embed> 标签将pdf 插入到html 中。如果客户端浏览器有flash,它就可以了。但安卓手机没有它,所以这不是一个解决方案。加上iphone拉伸pdf,所以它不可读。
  2. 然后我尝试只使用<iframe> 元素。仅当浏览器具有 pdf 插件时才能正常工作。在其他情况下,浏览器开始下载文件。所以这也不是解决方案。
  3. 然后我尝试使用https://docs.google.com/gview?embedded=true&url=myfile.pdf。好吧,在这里我遇到了麻烦,因为谷歌文档中有一些错误,因为文件有时只显示一个。其余的尝试以谷歌的错误代码 200 结束。所以你已经明白这也不是一个解决方案。
  4. 然后我尝试下载应该将 pdf 转换为 html(或图像)的 php 库,但它们都不起作用,因为我不擅长 php,有时它要求安装第三方库,所以此时我已经也失败了。

所以现在我被困住了。我需要做一些事情来在页面上显示 pdf。我需要一些跨浏览器/响应式解决方案。如果你能帮我找到像https://docs.google.com/gview 这样的服务,那就太好了,它可以在没有错误的情况下工作或提出任何其他解决方案。可能是一些具有良好文档的小型 php 库。

感谢任何帮助!

【问题讨论】:

  • 看看来自 Mozilla github.com/mozilla/pdf.js 的 JS 库。
  • 当我使用 github.com/mozilla/pdf.js 时,它给了我这样的错误 PDF.js v1.4.20 (build: b15f335) 消息:文件源与查看器不匹配。可能是因为 pdf 不在我的域中?我不能改变它的位置。
  • 您可以调整(甚至删除此检查)。见github.com/mozilla/pdf.js/pull/6916——例如更改 HOSTED_VIEWER_ORIGINS 列表。

标签: php android html ios pdf


【解决方案1】:

可以使用PDF.js来实现

https://github.com/mozilla/pdf.js/

有关用法,您可以查看此示例http://mozilla.github.io/pdf.js/examples/index.html#interactive-examples

【讨论】:

猜你喜欢
  • 2011-07-13
  • 1970-01-01
  • 2019-09-03
  • 1970-01-01
  • 2016-03-31
  • 2014-05-03
  • 2015-07-04
  • 2011-03-05
  • 2016-05-30
相关资源
最近更新 更多