首页 前端知识 vue使用pdfjs-dist在电脑上展示PDF文件

vue使用pdfjs-dist在电脑上展示PDF文件

2024-08-10 22:08:09 前端知识 前端哥 255 246 我要收藏

安装

安装的时候一定要带上版本号,这里采用的是2.0.943(因为这个版本对于我目前的项目比较合适可以正常使用,其他版本大概率会报错),当前项目使用的是vue2,vue的版本是2.5.10

npm install pdfjs-dist@2.0.943

查看版本发现这玩意版本非常之多

使用

在使用pdfjs-dist库时,pdf.worker.entry是用来指定pdf.worker.js文件的入口路径的。pdf.worker.jspdfjs-dist库中用于处理PDF文件的工作线程脚本。通常情况下,pdf.worker.js会被动态加载并运行,用于在后台处理PDF文件的解析和渲染操作,以避免阻塞主线程

import * as pdfjs from 'pdfjs-dist'
pdfjs.GlobalWorkerOptions.workerSrc = require('pdfjs-dist/build/pdf.worker.entry')

注意:不用的版本有不同的引入方式,具体测试似乎还是有问题,不同的版本引入路径都不一样,具体可以打开node_modules查看

						
转载请注明出处或者链接地址:https://www.qianduange.cn//article/15252.html
标签
评论
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!