2013-03-20 159 views
7

我正在尝试pdf.js库,只是想在我的服务器上显示本地pdf文件,而不是示例中提供的pdf文件。pdf.js与本地pdf文件

<html> 
<body> 
    <canvas id="the-canvas" style="border:1px solid black"></canvas> 

    <!-- Use latest PDF.js build from Github --> 
    <script type="text/javascript" src="https://raw.github.com/mozilla/pdf.js/gh-pages/build/pdf.js"></script> 

    <script type="text/javascript"> 
    // 
    // NOTE: 
    // Modifying the URL below to another server will likely *NOT* work. Because of browser 
    // security restrictions, we have to use a file server with special headers 
    // (CORS) - most servers don't support cross-origin browser requests. 
    // 
    var url = '/test.pdf'; 

    // 
    // Disable workers to avoid yet another cross-origin issue (workers need the URL of 
    // the script to be loaded, and dynamically loading a cross-origin script does 
    // not work) 
    // 
    PDFJS.disableWorker = true; 

    // 
    // Asynchronous download PDF as an ArrayBuffer 
    // 
    PDFJS.getDocument(url).then(function getPdfHelloWorld(pdf) { 
     // 
     // Fetch the first page 
     // 
     pdf.getPage(1).then(function getPageHelloWorld(page) { 
     var scale = 1.5; 
     var viewport = page.getViewport(scale); 

     // 
     // Prepare canvas using PDF page dimensions 
     // 
     var canvas = document.getElementById('the-canvas'); 
     var context = canvas.getContext('2d'); 
     canvas.height = viewport.height; 
     canvas.width = viewport.width; 

     // 
     // Render PDF page into canvas context 
     // 
     page.render({canvasContext: context, viewport: viewport}); 
     }); 
    }); 
    </script> 

</body> 
</html> 

因此,我将pdf url更改为我的本地'/test.pdf'网址。但是,这给我的消息,当它明确存在于我的根文件夹中时找不到该文件。任何想法可能会导致此错误?

+0

在你找到答案这个工作? – Technacron 2016-12-26 11:18:19

回答