如何在不同/多個PDF文件之間選擇/加載i pdf.js

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的，如果你想要使用這個代碼。