如何在网页中embeddedPDF查看器?

如果我没有弄错,Google Docs提供了显示与网页通过iFrame存储在同一服务器上的PDF的方法,但是我需要知道如何以跨浏览器兼容的方式来完成此操作。

您可以考虑使用Philip Hutchison使用PDFObject 。

另外,如果你正在寻找一个非Javascript解决scheme,你可以使用像这样的标记:

<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> 

PDF.js是一个HTML5技术实验,旨在探索如何在没有本地代码帮助的情况下构build一个忠实高效的可移植文档格式(PDF)渲染器。 它是由Mozilla实验室支持的社区驱动。

你可以在这里看到演示。

这样做可能会更好一些

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

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

所以,一年半后:是的,会的。

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

编辑:重新阅读,OP是要求解决scheme,不使用iFrames。 我认为用Google的浏览器是不可能的。

尝试使用Flex Paper http://flexpaper.devaldi.com/

它像scribd一样工作

请务必跨不同的读者偏好testing任何解决scheme。 网站访问者可能会将浏览器设置为在Reader / Acrobat中打开PDF,而不是浏览器,例如,通过禁用Firefox中的Acrobat插件。

我不能确定我的结果,因为我有两个不同的Acrobat插件,Firefox可以识别,因为我有不同版本的Adobe Acrobat和Adobe Reader,但是看起来您至less需要testing一个网站访问者他们的浏览器设置为不在浏览器中打开PDF。 当他们看起来似乎是一个非常有用的网页,他们的浏览器唠叨他们打开一个他们认为他们没有请求的PDF文件时,这可能是相当烦人的。 在某些情况下,PDF文件会自动在Adobe Reader中打开,而不是浏览器,而在其他情况下,浏览器会抛出一个对话框说明文件不存在。

我遇到了这样的iframe不匹配和对象,不同的代码不同的问题。

这是简单的HTML代码。 我还没有尝试build议的框架。

由coolwanglu pdf2htmlEX可能是最好的解决scheme,在那里将PDF文件转换为HTML。 你可以做一个简单的转换,然后embeddedHTML页面作为iframe或类似的东西。

我真的会selectFlowPaper,特别是他们的新元素模式,可以在这里find: https ://flowpaper.com/demo/

它在保持文本清晰的同时显着地平整了PDF,这意味着它将在移动设备上加载得更快