项目场景:
项目场景:上传+文件大小限制这个参考element自带的功能就行,本文主要讲述如何通过AI大模型问答方式处理pdfjs-dist的安装及使用过程中遇到问题的解决方式,使用低版本是因为有业务人员仍然使用低版本浏览器。
组件安装
这个是安装指定版本的pdfjs-dist组件,之后文章讲的也是2.3.2版本的事情。pdfjs-dist最新的4+版本是.mjs的(也可能是我安装错了)需要重新编译为.js格式才能用(我不会 -_-||)
npm install pdfjs-dist@2.3.200
之后引入需要用到的地方,因为我是写了公用组件,所以懒得在main.js里导了,直接哪里需要导哪里
import * as pdfjsLib from 'pdfjs-dist/build/pdf'
使用组件
1、获取用户选择的第一个文件对象,并将其存储在file
变量中
let file = event.target.files[0]
2、使用pdfjsLib自带的getDocument()方法实现页数获取,但是不能直接使用,否则会报错
pdfjs-dist报错:Error: Invalid parameter object: need either .data, .range or .url