分享基于PDF.js的pdf阅读器代码

一、前言

有时候开发PC端web页面的时候会遇到PDF预览、下载等功能,为了兼容浏览器,需要找一款前端插件进行开发。比较好的PDF插件,就是mozillapdf.js(注意是mozilla,如果你百度遇到需要收费的,那应该是下载错了)。而从mozillaGithub仓库去找想要的代码,如果你不熟悉,想直接使用的话还是有一些麻烦的。

二、pdfViewer

为了能够直接使用,这里分享一下经过简单修改后能直接使用的pdfViewer代码:

pdfViewer代码目录(pdfViewer代码包本文查看附件):
在这里插入图片描述

以Vue工程为例:
①将pdfViewer代码放到pubilc目录下(pdfViewer代码包本文查看附件)
②使用下面的链接进行pdf访问:http://xxx/pdfViewer/web/viewer.html?file=pdfUrl

其中,http://xxx 为项目访问地址。

预览效果:

在这里插入图片描述

注意:
①上述预览使用file:///D:/workspace/study/pdfViewer/web/viewer.html?file=D:\workspace\study\pdfViewer\demo.pdf能直接在浏览器打开,是因为本人浏览器做了跨域允许。一般浏览器是不能使用上述方式直接打开的,需要用http(https)的方式去预览,即:http://xxx/pdfViewer/web/viewer.html?file=pdfUrl
pdfViewer代码只在PC上使用,其页面样式在移动端有兼容问题。移动端有对应的代码包,以后有时间再整理。

相关推荐

  1. python代码截取任意页pdf

    2024-03-22 11:16:05       45 阅读
  2. pdf分成各个小pdf方法

    2024-03-22 11:16:05       50 阅读
  3. 基于AIpdf转word方法

    2024-03-22 11:16:05       53 阅读
  4. 分享一个用C#写Aspose.Pdf生成pdf工具类

    2024-03-22 11:16:05       45 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-22 11:16:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-22 11:16:05       101 阅读
  3. 在Django里面运行非项目文件

    2024-03-22 11:16:05       82 阅读
  4. Python语言-面向对象

    2024-03-22 11:16:05       91 阅读

热门阅读

  1. 使用python和perl语言实现xlsx转化为csv

    2024-03-22 11:16:05       48 阅读
  2. Ubuntu20.04配置

    2024-03-22 11:16:05       42 阅读
  3. Elastic-Job 分布式任务调度

    2024-03-22 11:16:05       45 阅读
  4. Redis中的事务机制

    2024-03-22 11:16:05       42 阅读
  5. 脏牛提权漏洞

    2024-03-22 11:16:05       46 阅读
  6. C#面:什么是哈希表

    2024-03-22 11:16:05       49 阅读
  7. dfs剪枝

    dfs剪枝

    2024-03-22 11:16:05      45 阅读
  8. 构建Pytorch虚拟环境教程

    2024-03-22 11:16:05       47 阅读
  9. JVM常见启动参数

    2024-03-22 11:16:05       47 阅读
  10. Python实战:打包与分发setup.py与pip

    2024-03-22 11:16:05       45 阅读