Как выбрать/загрузить между различными/несколькими PDF-файлами i pdf.js

Question

Я просто создаю веб-приложение, где мне нужно иметь возможность читать 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> 

Так что, когда я нажимаю на любом из приведенной выше ссылки, Ф загружаются.

Видимо, это 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, если вам хотите использовать этот код.