当前位置: 首页 > news >正文

nuxt3项目使用pdfjs-dist预览pdf

使用的包的源代码是 pdfjs - npm

但是我们实际上项目中使用的是pdfjs打包后的dist文件,也就是pdfjs-dist - npm

所以我们需要使用这个命令

npm i pdfjs-dist

我们可以克隆pdfjs这个包来看源代码,里面有使用的例子,也可以根据源代码自己打包生成你想要的版本的pdfjs-dist,官方文档强调了对于新旧浏览器的区别,所以我们在使用dist包的时候也要注意浏览器的兼容

 你要是不嫌麻烦,可以使用源码打包自己的pdfjs-dist文件使用,但是一般我们不用这么干,npm上面有现成的

温馨提示,想学一门新的技术,好好看一下官方文档,比直接去网上搜怎么用块多了!认真点!

PDF.js

这个仓库是使用nuxt3 项目 实现的预览pdf,有需要的可以参考

https://gitee.com/yangjihong2113/pdfjs-nuxt3-demo

重点是新旧浏览器引入的包不同,低版本的浏览器需要使用legacy目录下的文件!

 

http://www.lryc.cn/news/164100.html

相关文章:

  • mybatis-generator-maven-plugin使用
  • 基于SpringBoot开发的停车位管理系统(调用百度地图api)
  • STC8单片机PWM定时器+EC11编码器实现计数
  • MediaBox助力企业一站式获取音视频能力
  • 仅做笔记用:Stable Diffusion 通过 ControlNet 扩展图片 / 扩图
  • 代码随想录算法训练营19期第49天
  • 用shell脚本实现一个对数组求和的函数,数组通过实参传递给函数,写一个函数,输出当前用户的uid和gid,并使用变量接收结果
  • 运算符,switch
  • 运行java命令出现 Error: Invalid or corrupt jarfile XXX.jar
  • 在找工作时的准备工作:结合现状,针对意向企业做好充分准备
  • 微服务·数据一致-事务与分布式事务
  • GO语言篇之CGO
  • LVS负载均衡群集(NAT模式、IP隧道模式、DR模式)
  • PCL 使用克拉默法则进行三点定圆(二维)
  • MCAL实战二(S32K324-NXP EB tresos GPT驱动配置详解)
  • Python 图形化界面基础篇:什么是 Tkinter 以及为什么选择它
  • Learning From Data 中英文对照 1.THE LEARNING PROBLEM (第7页)
  • 自己编译静态ffmpeg freetype2 not found问题解决
  • 基于 Python 的音乐流派分类
  • 代码随想录训练营第49天|121.买卖股票的最佳时机,122.买卖股票的最佳时机II
  • 1-3 AUTOSAR软件架构
  • Dajngo02_第一个Django案例
  • R语言分析糖尿病数据:多元线性模型、MANOVA、决策树、典型判别分析、HE图、Box's M检验可视化...
  • 有效回文字符串(Valid palindrome)
  • 9月9日,每日信息差
  • Java——》synchronized编译
  • vue3使用el-form实现登录、注册功能,且进行表单验证(Element Plus中的el-form)
  • 12个微服务架构模式最佳实践
  • 快速搭建:对象存储平台MinIO
  • Nomad 系列-Nomad+Traefik+Tailscale 集成实现零信任安全