reactjs - React pdf 查看器 - 使用来自本地服务器的工作人员

Question

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

您可以使用来自流行服务的 pdf.worker.min.js 文件，例如 https://unpkg.com/pdfjs-dist@2.5.207/build/pdf.worker.min.js https:// cdnjs.cloudflare.com/ajax/libs/pdf.js/2.5.207/pdf.worker.min.js 或下载并将其存储在您的服务器上。

这是使用来自外部服务的工作人员的示例：

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

但是，如果我要使用这个包，我需要工人在本地，我不能使用外部 url。没有本地使用工人的例子。如何在使用 create react app 创建的 react 应用程序中进行设置？

标签： reactjspdfweb-worker

Answer 1

您可以使用pdfjs-dist弄清楚它， 然后可以在本地使用它。

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

 pdfjs.GlobalWorkerOptions.workerSrc = pdfjsWorker;

资源