Javascript 我在PDF.JS中的全局工作程序和异步

Javascript 我在PDF.JS中的全局工作程序和异步,javascript,twig,pdfjs,Javascript,Twig,Pdfjs,我在pdfjs上的脚本有问题 我第一次尝试时收到以下消息: 不推荐使用的API用法:未指定“GlobalWorkerOptions.workerSrc”。 未捕获异常:未定义 因此,我遵循github上的文档: 现在我有一条消息:SyntaxError:await仅在异步函数和异步生成器中有效 enter code here 上一页 1/2 下一页 常量url='filesample.pdf' 设pdfDoc=null; pageNum=1; pageIsrendreing=false; p

我在pdfjs上的脚本有问题

我第一次尝试时收到以下消息:

不推荐使用的API用法:未指定“GlobalWorkerOptions.workerSrc”。 未捕获异常:未定义

因此,我遵循github上的文档:

现在我有一条消息:SyntaxError:await仅在异步函数和异步生成器中有效

enter code here

上一页

1/2

下一页 常量url='filesample.pdf' 设pdfDoc=null; pageNum=1; pageIsrendreing=false; pageNumisPending=null; 常数比例=1.5, canvas=document.querySelector(“#pdf render”), ctx=canvas.getContext('2d'); //呈现页面 const renderPage=num=>{ } //去拿医生 const pdfjs=等待导入('pdfjs-dist/build/pdf'); const pdfjsWorker=wait import('pdfjs-dist/build/pdf.worker.entry'); pdfjs.GlobalWorkerOptions.workerSrc=pdfjsWorker; pdfjsLib.getDocument(url).promise.then(pdfDoc=>{ pdfDoc=pdfDoc; console.log(pdfDoc) });
这与PDF.js没有任何关系。正如它所说的,不能在异步函数之外使用异步等待语法。只需将所有内容放入一个函数中,例如
异步函数init(){}
,并在加载窗口时调用它。

这与PDF.js无关。正如它所说的,不能在异步函数之外使用异步等待语法。只需将所有内容放在函数中,例如
异步函数init(){}
并在加载窗口时调用它

<div class="pdfcontroller d-flex justify-content-around">
    <button class="btn btn-primary" id="prev-page">
        prev page
    </button>
    <p class="page-info"> 1 / 2</p>
    <button class="btn btn-primary" id="next-page">
        Next page
    </button>
</div>
<script
        src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.min.js">
</script>
<script>
    const url = 'filesample.pdf'

    let pdfDoc = null;
    pageNum = 1;
    pageIsrendreing = false;

    pageNumisPending = null;

    const scale = 1.5,
        canvas = document.querySelector('#pdf-render'),

        ctx = canvas.getContext('2d');


    // Render the page

    const renderPage = num =>{

    }

    // Get the doc


    const pdfjs = await import('pdfjs-dist/build/pdf');
    const pdfjsWorker = await import('pdfjs-dist/build/pdf.worker.entry');

    pdfjs.GlobalWorkerOptions.workerSrc = pdfjsWorker;

   pdfjsLib.getDocument(url).promise.then(pdfDoc_  => {
       pdfDoc = pdfDoc_;
       console.log(pdfDoc)



   });

</script>