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

Question

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

我确实查看了helloworld example，但它只是将文件显示为图像，没有工具栏、放大/缩小等。当我放置另一个包含许多页面的文件而不是 helloworld.pdf 时，它只显示第一页。

Answer 1

我不太确定您在寻找什么，但我能够让它像演示一样工作。尽管您可能不想为您的项目使用该示例查看器，但您可以使用工作代码作为您自己需求的起点。

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

如果您不是在寻找与上述演示类似的示例，您还可以从文档中看到this jsbin，该文档展示了如何使用工作下一个/上一个按钮在页面之间移动来完成完全自定义的操作（当您提到你只看到第一页）。

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

另外，请记住注意有关 CORS 的警告。