pdfjs-dist(2.3.200版本)在vue2.0+element项目的上传附件功能中获取pdf页数进行限制

项目场景:

项目场景:上传+文件大小限制这个参考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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值