vue3使用 pdfjs-dist 渲染 PDF 文件报错Error: No “GlobalWorkerOptions.workerSrc“ specified.

关注

最新推荐文章于 2026-05-28 18:26:23 发布 · 8.9k 阅读

原创 ·

本内容遵循 CC 4.0 BY-SA 版权协议

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

· GEO检测

PDFJS 解析pdf 文本复制有个问题：当pdf缩小时 scale < 1，显示的textLayer 不会进行缩小、回导致文本超出canvas显示的宽度。注：若针对pdf还有个性化的功能，不建议直接引入pdf.js 方法，里面的事件都是原生js的写法，而且有关pdf的配置也很多。有对应的示例git clone后，将viewer.html open whith live server。（1）安装 pdfjs-dist （版本2.0.943，其余版本都出现过问题）（2）引用 pdfjs-dist。阅读详情

要使用 pdfjs-dist 渲染 PDF 文件，必须指定 pdf.worker.js 的路径。可以在组件中设置 pdfjsLib.GlobalWorkerOptions.workerSrc

设置 `pdf.worker.js` 路径

通常，在项目的 public 文件夹下复制 pdf.worker.js 文件，然后在组件中设置其路径。

1.复制 pdf.worker.js 文件：

找到 pdfjs-dist 包中的 pdf.worker.js 文件，通常路径如下： node_modules/pdfjs-dist/build/pdf.worker.js

将 pdf.worker.js 文件复制到你的 public 目录下，例如 public/pdf.worker.js。

2. 设置 pdf.worker.js 路径：

在组件中设置 pdf.worker.js 的路径

import * as pdfjsLib from 'pdfjs-dist'

// 设置 pdf.worker.js 路径

pdfjsLib.GlobalWorkerOptions.workerSrc = '../../../node_modules/pdfjs-dist/build/pdf.worker.mjs'

收录于

vue

BUG

标签

#前端 #javascript #开发语言

吉林大学2016级唐班c语言期末考试B卷 ` #include<stdio.h> #include<stdlib.h> //双指针法，每次从a,b中选一个最大的数，从后向前一次放在数组a中 int merge(int *a,int m,int *b,int n){ int i=m-1,j=n-1,k=m+n-1; while(i>=0&&j>=0){ if(a[i]>b[j])a[... 阅读详情

3

lryh_

博客等级

码龄5年 213粉丝 · 103原创

+ 关注专栏目录订阅专栏

评论 3

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。