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

相关推荐
PPT百科27 分钟前
打造专业PPT幻灯片布局的实用策略
经验分享·pdf·powerpoint·ppt
PPT百科27 分钟前
创建实用PPT演讲者备注的有效方法
人工智能·经验分享·pdf·powerpoint·ppt
朴拙数科17 小时前
PDF2WORD万能方法,如何控制Adobe dc pro,自动实现PDF转word
adobe·pdf·word
步、步、为营18 小时前
C# 探秘:PDFiumCore 开启PDF读取魔法之旅
开发语言·pdf·c#·.net
葡萄爱18 小时前
12 款开源OCR发 PDF 识别框架
pdf·ocr
朴拙数科21 小时前
pyautogui操控Acrobat DC pro万能PDF转Word,不丢任何PDF格式样式
pdf·c#·word
SunkingYang1 天前
如何将xps文件转换为txt文件?xps转为pdf,pdf转为txt,提取pdf表格并转为txt
pdf·c#·解析·csv·转换·txt·xps
松桑的前端后花园3 天前
独立开发者产品日刊:将 Figma 设计转化为全栈应用、对话 PDF生成思维导图、视频转 AI 笔记、AI问答引擎、Mac 应用启动器切换器
人工智能·pdf·figma
phoenix@Capricornus3 天前
概率密度函数(PDF)&分布函数(CDF)——直方图&累积直方图——直方图规定化的数学基础
图像处理·pdf·概率论
青涩小鱼3 天前
Excel表格转换成PDF文件时显示不全怎么处理?
pdf·excel