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

相关推荐
yivifu8 小时前
用python将一个扫描pdf文件改成二值图片组成的pdf文件
python·pdf·numpy·pillow·pymupdf
wh柒八九15 小时前
wkhtmltopdf的安装与使用
pdf·html
h周杰偷1 天前
vue 预览pdf 【@sunsetglow/vue-pdf-viewer】开箱即用,无需开发
前端·vue.js·pdf
itwangyang5202 天前
2025 - 科研神器 - 批量处理 PDF、SVG、PNG 和 JPG 文件,将它们转换为彩色 TIFF 文件,并保存到指定的 tiff 文件夹中
数据库·pdf
maknul2 天前
【学习笔记】AD智能PDF导出(装配文件)
笔记·学习·pdf
WCF向光而行2 天前
如何为PDF文件创建口令密码
pdf
清山博客2 天前
Java将PDF保存为图片
java·开发语言·pdf
life10242 天前
pdf文档动态插入文字水印,45度角,旋转倾斜,位于文档中央,多行水印可插入中文
java·pdf·水印
归鸿铭2 天前
Html 转pdf
java·pdf·html
wsd_ontheroad2 天前
HTML 转 PDF
java·pdf·html