我正在尝试使用pdf.js将pdf加载到Web应用程序中,以便我可以进一步从pdf文件中提取信息.但是我用一个非常小的例子得到了这个错误.
我已经尝试将代码包装在$(document).ready()中,如Uncaught ReferenceError: PDFJS is not defined when initialising PDF.JS所示
我也无法在控制台中访问PDFJS.
以下是我正在使用的代码(从https://www.sitepoint.com/custom-pdf-rendering/开始)
<!DOCTYPE html> <html> <head> <Meta charset="utf-8"/> <title>PDF.js Learning</title> </head> <body> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript" src="https://mozilla.github.io/pdf.js/build/pdf.js"></script> <script type="text/javascript" src="https://mozilla.github.io/pdf.js/build/pdf.worker.js"></script> <script> $(document).ready(function () { var url = "https://github.com/mozilla/pdf.js/blob/master/web/compressed.tracemonkey-pldi-09.pdf"; // Asynchronous download PDF PDFJS.getDocument(url) .then(function(pdf) { return pdf.getPage(1); }) .then(function(page) { // Set scale (zoom) level var scale = 1.5; // Get viewport (dimensions) var viewport = page.getViewport(scale); // Get canvas#the-canvas var canvas = document.getElementById('the-canvas'); // Fetch canvas' 2d context var context = canvas.getContext('2d'); // Set dimensions to Canvas canvas.height = viewport.height; canvas.width = viewport.width; // Prepare object needed by render method var renderContext = { canvasContext: context,viewport: viewport }; // Render PDF page page.render(renderContext); }); }) </script> <canvas id='the-canvas'></canvas> </body> </html>
解决方法
pdfjsLib.getDocument()有效.现在我只需要知道为什么……