Javascript 我在PDF.JS中的全局工作程序和异步
我在pdfjs上的脚本有问题 我第一次尝试时收到以下消息: 不推荐使用的API用法:未指定“GlobalWorkerOptions.workerSrc”。 未捕获异常:未定义 因此,我遵循github上的文档: 现在我有一条消息:SyntaxError:await仅在异步函数和异步生成器中有效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
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>