React pdf查看器-使用本地服务器的worker



我正在考虑使用我在这里找到的react pdf查看器包。在文档中,它说你应该这样设置worker:

由您决定是否使用来自流行服务的pdf.worker.min.js文件,例如https://unpkg.com/pdfjs-dist@2.5.207/build/pdf.worker.min.jshttps://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.5.207/pdf.worker.min.js或者下载并存储在您的服务器上

下面是使用外部服务中的worker的例子:

<Worker workerUrl="https://unpkg.com/pdfjs-dist@2.5.207/build/pdf.worker.min.js">
<!-- The viewer component will be put here -->
...
</Worker>

但是,如果我要使用这个包,我需要在本地工作,我不能使用外部url。没有本地使用worker的例子。我如何在一个用create react app创建的react应用程序中设置这个?

您可以使用pdfjs-dist来计算然后可以在本地使用。

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

来源

相关内容

最新更新