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目录下的文件!

相关推荐
FinelyYang16 小时前
uniapp使用kkfileview在线预览ppt,excel,word,pdf类型文件
pdf·uni-app·powerpoint
WORLDPO92261 天前
QTE-020-01-L/F/C-D-A-K-TR_实物_数据手册PDF_国产替代
pdf
asdzx672 天前
C# 操作 PDF 元数据:从属性写入到字段提取的完整流程
前端·pdf·c#
WORLDPO92262 天前
SFSDT-10/15/20/25/35-28-G-19.69-SR_实物图_数据手册PDF_国产替代
pdf·pcb工艺·pcb
梦想出海-Phoebe2 天前
Gemini新增文件编辑功能:PDF、Word、Excel处理体验分享
pdf·word·excel
开开心心就好2 天前
网页图片批量下载工具,输入链接就保存
服务器·算法·leetcode·支持向量机·pdf·ocr·1024程序员节
汤姆宝库3 天前
法考历年真题及答案解析合集pdf版(2002-2025年)
pdf·法考
优化控制仿真模型3 天前
2026【英一】考研英语一历年真题及答案解析PDF电子版(1980-2025年)
考研·pdf
云月呀4 天前
《死亡回忆录》藏汉双语版电子版 PDF,穆迪博士 150 例濒死体验访谈,一部关于生死的温柔读本
pdf·死亡回忆录
xiaolinudao1234 天前
给pdf文件盖骑缝章的软件有哪些
pdf