如何使用cdn导入pdf.js

1 人关注

我想在我的一个项目中使用pdf.js，但我面临一个导入问题，基本上，CDN不起作用。

以下是我的代码

    <!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.jsdelivr.net/npm/pdfjs-dist@2.7.570/build/pdf.min.js"></script>
</head>
<canvas id="my-canvas"></canvas>
<script>
    pdfjsLib.getDocument('./ahmed.pdf').then(doc => {
        console.log("this file has" + doc._pdfInfo.numPages);
</script>
</body>
</html>
这就是我的控制台所显示的错误
废弃的 API 用途。没有指定 "GlobalWorkerOptions.workerSrc"。
未发现的类型错误：pdfjsLib.getDocument(...).then不是一个函数
那么我应该怎么做才能解决这个问题，非常感谢。


         
          javascript

cdn


         
          pdf.js


        
         
          
          
           omar esmaeel
          
         
         
          发布于
          
          2021-04-07


           
            
             你必须将
             
              
               GlobalWorkerOptions.workerSrc
              
             
             设置为
             
              
               /build/pdf.worker(.min).js
              
             
             的相同版本。
            
            pdfjsLib.GlobalWorkerOptions.workerSrc =
  "https://cdn.jsdelivr.net/npm/pdfjs-dist@2.7.570/build/pdf.worker.min.js"; 👈 
pdfjsLib.getDocument('./ahmed.pdf').promise.then(doc => {
  console.log(`This document has ${doc._pdfInfo.numPages} pages.");