0
点赞
收藏
分享

微信扫一扫

vue中使用PDF.js

皮皮球场 2022-01-24 阅读 52
作者内容时间
JJvue中使用pdf.js20220124

PDF.js

1、下载PDF.js

下载地址http://mozilla.github.io/pdf.js/getting_started/#download

这里提供了3中形式,我们这里选择第一种形式。
在这里插入图片描述

  • 压缩包中内容
    在这里插入图片描述
  • build文件夹中
    在这里插入图片描述
  • web文件夹中
    在这里插入图片描述
    我们要用到的就是web文件夹中的viewer.html

2、Vue项目中引入

  • 在static文件夹中新建pdf文件夹,如下
    在这里插入图片描述
  • 在components文件夹中新建pdf文件夹,如下(可根据自己项目实际结构改动)
    在这里插入图片描述
  • pdf-index.vue中
    在这里插入图片描述
  • pdf-index.js中(vue组件写法,不深入)
    在这里插入图片描述

3、Vue项目中使用

  • 使用页面引入(注意事项:pdfSrc需要使用encodeURIComponent方法转义)
    在这里插入图片描述
    在这里插入图片描述
  • 展示效果
    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Z8qzNMzS-1642403454960)(.\pdf11.jpg)]
举报

相关推荐

0 条评论