参考错误：加载 pdf 时未定义 PDFJS答案

【问题标题】：reference error: PDFJS is not defined when loading a pdf参考错误：加载 pdf 时未定义 PDFJS
【发布时间】：2018-09-30 18:16:03
【问题描述】：

我正在尝试使用 pdf.js 将 pdf 加载到 Web 应用程序中，以便我可以进一步从 pdf 文件中实时提取信息。但是我在一个非常小的示例中遇到了这个错误。

我已尝试按照Uncaught ReferenceError: PDFJS is not defined when initialising PDF.JS 中的建议将代码包装在 $(document).ready() 中

我也无法在控制台中访问 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>

【问题讨论】：

标签： javascript html pdf.js

【解决方案1】：

pdfjsLib.getDocument() 有效。现在我只需要知道为什么......

【讨论】：

因为从 2.0 版开始，他们删除了全局 PDFJS 对象。看到这个link。