在Web浏览器中显示PDF

Question

如何在.html页面上的Web浏览器中显示pdf？

Answer 1

我使用Google Docs嵌入式PDF查看器.这些文档不必上传到Google文档,但必须在线提供.

<iframe src="http://docs.google.com/gview?url=http://path.com/to/your/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

Answer 2

而不是使用iframe并依赖于__CODE__,考虑使用flexpaper或pdf.js.

我用过pdf.js,它对我来说很好.

这是演示:http://mozilla.github.com/pdf.js/web/viewer.html

Answer 3

最简单的方法是创建iframe并将源设置为PDF的URL.

(鸭疯狂的HTML设计师)自己完成,工作正常,跨浏览器(爬进沙坑).

Answer 4

使用object标签进行优先级

<object data='http://website.com/nameoffolder/documentname.pdf#toolbar=1' 
        type='application/pdf' 
        width='100%' 
        height='700px'>

请注意,您可以将宽度和高度更改为任何值,请访问 http://www.w3schools.com/tags/tag_object.asp

Answer 5

我对这个领域的提供商进行了仔细的评估：

免费解决方案

• iframe：只需使用 iframe，但是，这不是大多数人在这里搜索的内容。
• Pdf.js是开源解决方案，无需外部依赖
• Adobe提供“免费”PDF 嵌入 API

商业提供商

• Pdf.js Express是 Pdf.js 的商业化扩展
• PSPDFKit - 来自奥地利的供应商，具有相当好的业务支持
• Foxit - 也提供 PDF 网络解决方案的中国公司。在此输入链接描述
• PDFTron - PSDPDFkit 的美国竞争对手 - 成本更高，但也更先进。

希望这可以帮助。如果这对人们有帮助的话，我可能会在博客文章中发布更详细的信息（请在评论中告诉我）。

Answer 6

浏览器的插件控制这些设置,因此您无法强制它.但是,你可以做一个简单<a href="whatver.pdf">而不是<a href="whatever.pdf" target="_blank">.

Answer 7

只要您托管 PDF，目标属性就是您的最佳选择。换句话说，对于相对文件，使用带有 _blank 值的 target 属性就可以了。

<e>
  <a target="_blank" alt="StackExchange Handbook" title="StackExchange Handbook"
     href="pdfs/StackExchange_Handbook.pdf">StackExchange Handbook</a>

对于绝对路径，引擎将转到统一资源定位器并打开它。因此，抑制目标属性。

<e>
  <a alt="StackExchange Handbook" title="StackExchange Handbook"
     href="protocol://url/StackExchange_Handbook.pdf">StackExchange Handbook</a>

在这两种情况下，浏览器都会很好地完成依赖。