nuxt3项目使用pdfjs-dist预览pdf

使用的包的源代码是 pdfjs - npm

但是我们实际上项目中使用的是pdfjs打包后的dist文件,也就是pdfjs-dist - npm

所以我们需要使用这个命令

复制代码
npm i pdfjs-dist

我们可以克隆pdfjs这个包来看源代码,里面有使用的例子,也可以根据源代码自己打包生成你想要的版本的pdfjs-dist,官方文档强调了对于新旧浏览器的区别,所以我们在使用dist包的时候也要注意浏览器的兼容

你要是不嫌麻烦,可以使用源码打包自己的pdfjs-dist文件使用,但是一般我们不用这么干,npm上面有现成的

温馨提示,想学一门新的技术,好好看一下官方文档,比直接去网上搜怎么用块多了!认真点!

PDF.js

这个仓库是使用nuxt3 项目 实现的预览pdf,有需要的可以参考

https://gitee.com/yangjihong2113/pdfjs-nuxt3-demo

重点是新旧浏览器引入的包不同,低版本的浏览器需要使用legacy目录下的文件!

相关推荐
我要学好英语15 小时前
知网下载的.caj文件怎么转成.pdf文件
pdf
墨痕诉清风20 小时前
文件上传漏洞(PDF文件)
安全·web安全·pdf
E_ICEBLUE20 小时前
【2026 最新教程】Java 自动化提取 PDF 表格:从文本到 Excel/CSV 的全场景实现
java·pdf·自动化
程序员哈基耄1 天前
高效便捷的本地PDF处理工具——PDF工具箱全面解析
pdf
m5655bj1 天前
使用 C# 将 PPT 转换为 PDF
pdf·c#·powerpoint
爱码猿2 天前
Springboot结合thymeleaf模板生成pdf文件
spring boot·后端·pdf
南风微微吹2 天前
2025年12月英语四级真题及答案解析完整版(第一、二、三套全PDF)
pdf·英语四级真题
我叫汪枫2 天前
Python 实战:把 PDF 表格完整转换成 Excel(小白教程)
python·pdf·excel
海上Bruce2 天前
长图PDF转多页PDF文件
pdf
南风微微吹2 天前
2025年12月英语六级真题及答案解析完整版(第一、二、三套全PDF)
pdf·英语六级