vue开发h5页面如何使用pdf.js实现预览pdf

本文介绍如何在Vue2项目中使用PDF.js实现稳定的PDF预览功能,包括下载、配置及解决常见问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

需求背景:使用vue2开发h5项目时,功能存在移动端预览pdf功能,使用pdfh5插件,机型兼容性较差,时不时的会有乱码、字体消失、字体重叠等bug,有次应该是pdfh5中午维护,且页面没有使用路由懒加载,直接导致整个项目崩溃,发生严重的生产事故,因此将所有的pdfh5插件换成pdf.js

注: 可能很多小伙伴和我一样,刚开始也不会用pdf.js,百度上一搜也都是直接使用,没有像详细的过程,今天将详细过程附上,希望对小白或还不会使用的小伙伴有帮助,会使用的大佬也请多多指教

1、下载过程

首先下载pdf.js。(以下是我的下载的过程)
https://gitcode.gitcode.host/docs-cn/pdf.js-docs-cn/print.html
在这里插入图片描述
由以上两部操作,往下可以下载自己想要的版本,因为是vue2所以我选在的版本是2.6105,如不需要也可以直接点击下载。
在这里插入图片描述

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值