Question

我是一个简单的构建Web应用程序，我需要能够读取pdf文件。我发现pdf.js是一个很好的解决方案。

但是，我似乎找不到如何在不同文件之间切换/加载的方法。

理想情况下，我想要一个菜单，例如：

<ul>
  <li><a href="#" id="document1">Document 1</a></li>
  <li><a href="#" id="document2">Document 2</a></li>
  <li><a href="#" id="document3">Document 3</a></li>
</ul>

因此，当我点击上面的任何一个链接时，pdf就会被加载。

显然，下面的javascript应该实现，但我不确定如何：

PDFJS.getDocument('helloworld.pdf')//in here I need to pass the parameter for the document

有人可以帮忙吗？

Answer 1

在a之类的pdfopener链接中添加课程，然后尝试：

<强> HTML

<ul>
  <li><a class="pdfopener" href="#" id="document1">Document 1</a></li>
  <li><a class="pdfopener" href="#" id="document2">Document 2</a></li>
  <li><a class="pdfopener" href="#" id="document3">Document 3</a></li>
</ul>

jQuery代码

<script type="text/javascript">
$(function() {
    $('.pdfopener').click(function(e) {
        e.preventDefault();
        var id = $(this).attr('id');
        PDFJS.getDocument(id + '.pdf');
    });
});
</script>

当然，如果你想使用这段代码，你需要jQuery。

如何选择/加载不同/多个PDF文件我pdf.js

1 个答案: