Question

我只是想在网站中嵌入PDF文件。

我发现的最佳解决方案是Google文档查看器（http://docs.google.com/viewer），但它不适用于IE，显然这对我不起作用。

任何人都有一个干净，简单的解决方案吗？

更新：我应该补充一点，谷歌查看器嵌入PDF文件的好处之一就是当我链接到的PDF文件得到更新时（它可以不经通知我），我的网站会自动持有相同的PDF文件（如果完整路径名没有改变，它不会改变）。因此，不希望将文件转换为图像。

Answer 1

好吧，因为你显然不想强迫某人下载臃肿的不安全的pdf插件，为什么不让他们使用臃肿的不安全的Flash播放器？

http://flexpaper.devaldi.com/

但实际上它只是一个简单的

<iframe src="path/to/pdf" width="500" height="700">

Answer 2

更新了HTML5的答案：

<object data="filename.pdf" type="application/pdf">
  Your browser does not support pdfs, <a href="filename.pdf">click here to
  download the file.</a>
</object>

你可以在这里阅读：

http://www.w3schools.com/tags/tag_object.asp

Answer 3

pdf文件有多长？你不能把它转换成一个很长的图像，并在带有滚动条的div中显示它吗？

Answer 4

如果您坚持使用pdf嵌入式选项，Byron是正确的，尽管嵌入式pdf文件在网页上看起来不那么好。无论如何，一定要严格编码。因此：

<iframe src="path/to/pdf" width=500 height = 700>

应该是

<iframe src="path/to/pdf" width="500" height="700">

小改动。

Answer 5

我只是ftp我的，我不使用Google或任何其他s / w

除了目录中的PDF文件之外，您还有其他需要，这是什么？

另外，为什么要转换图像（并降低PDF分辨率和清晰度）？

对评论的回应

这是我上次去非洲以来看到的最丑陋的事情。您是不是在认真考虑在单个页面上发布那么多信息。没有人可以阅读它，我尝试了每一次放大。

对于这些信息，您需要采用架构方法。

在首页上放置一些控件，并向用户提供少量易于管理的信息，关于他们选择的区域。只要。

从源网站/数据库获取信息并将其提供给您的网站/数据库。只需在源数据更改时进行更改。整个链接可以自动化。

然后你就可以在每一页上以可读的形式创建漂亮的干净页面，并提供合理数量的信息。
这是20th Century Timetable。请注意，不是21世纪的时间表（请看柏林或慕尼黑的其中一个）。你真的不能只扫描一个激烈的文档并将其作为嵌入式PDF提供。
- 请注意，您不需要CityRail的精心控制。你可以只用几个来选择行和时间表。
- 然后生成一个简单形式的CityRail页面。
- 或（绝对最小）每个网页一个完全可见的全尺寸PDF
喜欢这个simple viewable PDF。该示例可以在第1页的一个PDF中提供，其余的用于4个单独的PDF页面; PDF已经有了基本的导航功能，所以我使用了这个功能并生成了一个5-pager。确保找到并使用蓝色玻璃按钮，并按照每页左上角和下方的导航提示进行操作。
第二，展示PDF和导航，查看文件夹：文件都是PDF文件。
回到原来的问题。现在你可以嵌入PDF，但如果你这样做，请不要乱用它们。您在链接页面上拥有的所有控件都是多余的;任何浏览器都会促进这一点，即使是现在，也将在未来做得更好。例如。在简单可见的PDF 中，使用浏览器控件来增加/减少放大率，在文档中移动等。
我们假设您完成了Google地图页面，这是第一页或索引页面。画出所有的火车线路;当用户点击一条火车线路时，它会将它们带到（a）根据（1）从数据库生成的干净页面看起来像（2），或者（b）按照可读形式生成的单个干净PDF文件（3）。您只需操作目录中的文件即可完成整个项目。

很多减少工作量。没有Google文档;没有中间人来限制你或解决问题。你可以忘记IE和它的多个化身和扼杀;任何其他浏览器和其限制。专注于数据，并以可呈现的形式出现，而不是可怜的s / w及其适合和开始。

干杯

Answer 6

可能最好的方法是使用PDF.JS库。它是一个纯HTML5 / JavaScript渲染器，适用于没有任何第三方插件的PDF文档。

在线演示：http://mozilla.github.com/pdf.js/web/viewer.html

GitHub：https://github.com/mozilla/pdf.js enter link description here

您也可以使用Google PDF查看器来实现此目的。据我所知，这不是官方的谷歌功能（我错了吗？），但它对我非常好，顺利。您需要先将PDF上传到其他地方并使用其URL：

<iframe src="http://docs.google.com/gview?url=http://example.com/mypdf.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>

Answer 7

来自HTML5：

<embed src="url" type="media-type" height="" width=""/>

对于媒体类型，请参阅http://www.iana.org/assignments/media-types/media-types.xhtml

Answer 8

Google文档提供了无证功能，可让您在网页中嵌入PDF文件和PowerPoint演示文稿。这些文件不必上传到Google文档，但需要在线提供。

这是我用来嵌入PDF文件的代码：

但您应该用您自己的地址替换粗体网址。正如我所提到的，文档查看器适用于PDF和PPT文件。

JMeter Glossary

如何在网站中嵌入PDF文件？

8 个答案:

对评论的回应