pdfjs-dist

pdfjs-dist 版本过高会导致 项目编译启动失败!

| class PDFDocumentLoadingTask { > static #docId = 0; | | constructor() {

此为编译运行失败断点。

解决办法:
pdfjs-dist 降低到:2.0.943
将不会报错。

亲测有效,

Vue2 和 PDF.js-Dist 的结合主要是为了在 Vue 框架项目中处理PDF文档。PDF.js-Dist是一个轻量级的JavaScript库,它提供了一个在浏览器环境中查看、交互和渲染PDF文件的功能,而不需要依赖Adobe Reader。 在Vue2项目中,你可以通过npm或yarn安装`pdfjs-dist`库,并将其作为组件引入,然后利用PDFJS提供的API加载、预览和操作PDF内容。例如,你可能会创建一个自定义的Vue组件,用户可以上传PDF文件,组件会使用PDF.js解析并展示PDF内容,支持缩放、搜索、页面导航等功能。 以下是简单的步骤示例: 1. 安装依赖: ```bash npm install vue-pdfjs-renderer pdfjs-dist ``` 或者 ```bash yarn add vue-pdfjs-renderer pdfjs-dist ``` 2. 创建Vue组件: ```javascript <template> <div> <input type="file" @change="handleFileChange"> <vue-pdf-js :src="pdfSrc" /> </div> </template> <script> import { loadScript } from 'vue-pdfjs-renderer'; import * as PDFJS from 'pdfjs-dist'; export default { data() { return { pdfSrc: null, }; }, methods: { async handleFileChange(e) { const file = e.target.files[0]; const reader = new FileReader(); reader.onload = () => { this.pdfSrc = URL.createObjectURL(file); await this.loadPDF(); }; reader.readAsArrayBuffer(file); }, async loadPDF() { await loadScript(PDFJS); PDFJS.getDocument(this.pdfSrc).promise.then(pdf => { // 然后你可以访问pdf对象并操作PDF文档 }); }, }, }; </script> ``` 在这个例子中,`vue-pdf-js`是基于`pdfjs-dist`的封装库,如vue-pdf-js-renderer,它简化了PDF文件的操作流程。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值