如何在网页中嵌入PDF查看器？

Question

如果我没弄错的话,Google Docs提供了通过iFrame显示与网页存储在同一服务器上的PDF的方法,但我需要知道如何以跨浏览器的方式执行此操作.

Answer 1

您可以考虑使用Philip Hutchison的PDFObject.

或者,如果您正在寻找非Javascript解决方案,您可以使用如下标记:

<object data="myfile.pdf" type="application/pdf" width="100%" height="100%">
  <p>Alternative text - include a link <a href="myfile.pdf">to the PDF!</a></p>
</object>

Answer 2

PDF.js是一个HTML5技术实验,探索在没有本机代码帮助的情况下构建忠实且高效的可移植文档格式(PDF)渲染器.它由社区驱动,并得到Mozilla Labs的支持.

你可以在这里看到演示.

Answer 3

这可能会更好一点

<embed src= "MyHome.pdf" width= "500" height= "375">

Answer 4

如果我没有弄错的话,OP会询问(虽然后来接受了.js解决方案)Google的嵌入式PDF显示服务器是否会在他自己的网站上显示PDF.

所以,一年半之后:是的,它会.

请参阅http://googlesystem.blogspot.ca/2009/09/embeddable-google-document-viewer.html.另请参阅https://docs.google.com/viewer,并插入要显示的文件的网址.

编辑:重新阅读,OP要求的解决方案不使用iFrames.我不认为谷歌的观众可以做到这一点.