使用pdf.js在网站上显示PDF

时间:2013-04-28 19:09:44

标签: pdf pdf.js

我想在我的网站上放置一个文件sample.pdf,并希望使用pdf.js显示该文件。我想要的是显示我自己的文件,如demo,带工具栏,放大/缩小等。到目前为止,我还不能这样做。

我确实查看了helloworld example,但它只是显示文件,如图片,没有工具栏,放大/缩小等等。当我放入另一个文件而不是helloworld.pdf时,它只显示第一页。

1 个答案:

答案 0 :(得分:1)

我不太确定你在寻找什么,但我能够像演示一样完成这项工作。虽然您可能不想将该示例查看器用于您的项目,但您可以使用工作代码作为您自己要求的起点。

对于简单的测试,您可以将项目在Web服务器下的某个项目克隆到myproject之类的目录中,然后访问http://yourservername.com/myproject/web/viewer.html。您应该看到pdf出现。这可以作为使用该项目的起点。我这样做是在Linux上运行一个非常基本的Apache服务器。

如果你不是在寻找一个像上面演示那样的例子,你也可以从文档中看到this jsbin,它们展示了如何通过使用下一个/上一个按钮在页面之间移动来完全自定义的内容(如你所说,你只看到第一页。)

作为一个注释,似乎这个库与Safari无法正常工作。您可以看到有关它的问题here。不幸的是,这使我现在无法使用,因为我需要支持所有当前的浏览器。

另外,请记得留意有关CORS的警告。