pdf.js如何支持base64的查看

ops/2024/9/22 18:15:48/

1.pdf.js 作为一个查看在线阅读pdf的软件,常常被运用到前端开发中,但是如何让pdf支持base64的查看,这边就需要去进行修改一些代码了

这边我们就进行开发修改

首先去下载
https://mozilla.github.io/pdf.js/

当然了,低版本的可以直接使用,如果版本高一点的话,请根据需要进行打包,此次我们拿着最新的版本开发的,所以会进行版本打包演示,此次的版本是pdfjs-4.5.136

下载以后,根据要求,进行 node v15.8.0

npm install -g gulp-cli@^2.3.0
npm install

启动服务

gulp server

打包,较为新版本浏览器

gulp generic

打包,兼容低版本浏览器

gulp generic-legacy

到这里,我们找到打包的文件,放置到服务器或者本地项目里面进行开发,通过链接访问,在后面拼接file

http://localhost:8888/web/viewer.html?file=

如果是base64,此时就需要进行修改源代码,这里我们找到viewer.js文件
这里我们全局搜索一下,项目里面的pdf文件名称,在web包里面的pdf文件名称,然后再js里面进行搜索,然后替换掉即可

在这里插入图片描述
在这里插入图片描述

当然,如果需要进行修改其他的判断,我们可以找到使用defaultUrl的地方进行修改

在这里插入图片描述

如果出现跨域的报错,这个时候,我们也可以进行将跨域的判断屏蔽掉

在这里插入图片描述


http://www.ppmy.cn/ops/103326.html

相关文章

【高级编程】万字整理集合框架 迭代器 泛型(含方法案例)

文章目录 集合框架集合接口集合类ArrayListLinkedListHashSet 迭代器 IteratorMap 接口泛型Collections 工具类 集合框架 如果并不知道程序运行时会需要多少对象,或者需要更复杂方式存储对象——可以使用Java集合框架 Java集合框架提供了一套性能优良、使用方便的…

小白学深度学习:知识蒸馏研究综述

为了能够在低资源设备上运行深度学习模型,需要研发高效的小规模网络。知识蒸馏是获取高效小规模网络的一种新兴方法,其主要思想是将学习能力强的复杂教师模型中的“知识”迁移到简单的学生模型中。 知识蒸馏介绍 知识蒸馏是一种教师-学生(Teacher-Stud…

easyExcel 导入时,校验每个单元格数据

目录 1、定义excel导入文件对应的数据接收类 2、定义属性转换器 3、定义数据解析监听器 4、解析文件 1、定义excel导入文件对应的数据接收类 package com.ruoyi.project.domain.dto;import com.alibaba.excel.annotation.ExcelProperty; import com.ruoyi.project.impot…

基于live555开发的多线程RTSPServer轻量级流媒体服务器EasyRTSPServer开源代码及其调用示例,PC、嵌入式、Android全通用

EasyRTSPServer参考live555 testProg中的testOnDemandRTSPServer示例程序,将一个live555 testOnDemandRTSPServer封装在一个类中,例如,我们称为Class EasyRTSPServer,在EasyRTSPServer_Create接口调用时,我们新建一个E…

自动化01:认识接线端子

1、TB接线端子: 2.SAK组合接线端子: 3.UK组合接线端子: 4.插拔式接线端子: 5.零线接线桩: 6.零线接线排

去中心化(Decentralization)

去中心化(Decentralization) 并不是一个新概念,它已在战略、管理和政府中使用了很长时间。去中心化的基本思想是将控制权和权限分配给组织的外围,而不是由一个中心机构完全控制组织。这种配置为组织带来了许多好处,例如提高了效率…

探索Python的Excel力量:openpyxl库的奥秘

文章目录 探索Python的Excel力量:openpyxl库的奥秘背景:为什么选择openpyxl?库简介:openpyxl是什么?安装指南:如何安装openpyxl?快速上手:五个基本函数实战演练:三个应用…

Python操作Excel的2024年新框架zdppy_excel,使用简单,零依赖,国产

zdppy_excel Python处理Excel的专属工具库 特性 1、零依赖2、国产框架,有完整的中文文档3、使用简单4、低代码开发 安装 pip install zdppy_excel使用教程 写入数据 from zdppy_excel import Workbook import datetime# 创建一个 workbook wb Workbook()# 获…