pdf.js如何支持base64的查看

news2024/9/28 9:24:22

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.coloradmin.cn/o/2088458.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

react-native框架下,集成字体并应用全局

一、存放字体文件 将自定义字体文件(例如 .ttf 或 .otf 文件)放入项目的 assets/fonts 目录中。如果没有这个目录,可以手动创建。 二、配置字体 在项目根目录下建一个文件:react-native.config.js,文件内容如下&…

数据类型6.2.1

c语言的变量要先定义,而且要用确定类型 c以后的语言 c jave更强调类型,对类型的检查更严格 JavaScript。Python。PHP不看重类型,甚至不需要事先定义 c语言的类型 整数 char , short, int…

【MATLAB源码-第257期】基于matlab的QPSK调制解调COSTAS环载波同步仿真,对比前后星座图,输出锁相环响应曲线。

操作环境: MATLAB 2022a 1、算法描述 QPSK(Quadrature Phase Shift Keying,正交相移键控)调制是一种常见的数字调制方式。它通过将比特数据映射到四个相位状态上来传输信息。每个符号代表两个比特的数据,因此与BPSK…

map和set(C++)

1.关联式容器 关联式容器:内部储存的是key或者k-v模型的数据 k-v模型:键值对 在STL中,键值对实际就是一个泛型的类,pair---->first(key) second(value) 分类:从底层数据结构上 红黑树结构 : …

单击视角复位按钮,即可看到整个地球【mars3d】

1.需要设置下初始默认视角,地图属性参数里面得 scene: { center: { 这个需要拿到一个参数,可以在示例里面随便抓一个想要的右键获取下 拿到之后再设置下,参考代码之后,就可以单击视角复位按钮,就回到可以看到整个地球…

19050 牛牛打气球

### 思路 1. **输入读取**: - 读取 n,a 和 b。 - 读取每个气球的坚韧度。 2. **计算最少释放次数**: - 使用二分查找来确定最少的释放次数。 - 每次释放武器时,选择一个气球多承受 a 点伤害,其他气球承受…

最简洁!四步完成C#——opencv环境配置

一.创建C#环境 二.右键点击管理NuGet 三.下载opencv环境 四.测试写入 using OpenCvSharp 不保存就完成了配置啦

Cycle inside Runner; building could produce unreliable results.

报错 Showing Recent Messages Cycle inside Runner; building could produce unreliable results. Cycle details: → Target Runner ○ That command depends on command in Target Runner: script phase “Thin Binary” ○ Target Runner has process command with outpu…

性能测试的基本概念

学习前的认知 我们在学习性能测试之前,需要有个新的认识:性能测试,不再是像功能测试一样单纯的找 Bug,而是去找性能指标 转变思维 在做功能测试、自动化测试的时候,我们基本都是依托界面进行测试,也称 GU…

人工智能训练师工作内容及职业发展路径

人工智能训练师(AI Trainer)是一种专业职位,主要负责训练和优化人工智能系统,尤其是机器学习模型。他们的工作涉及到以下几个方面: 1、数据准备:训练师需要收集、清洗和预处理数据,以确保数据的…

大语言模型训练数据常见的4种处理方法

大语言模型训练需要数万亿的各类型数据。如何构造海量“高质量”数据对于大语言模型的训练具有至关重要的作用。虽然,截止到2023 年9 月为止,还没有非常好的大模型的理论分析和解释,也缺乏对语言模型训练数据的严格说明和定义。但是&#xff…

rabbitmq发送的消息接收不到

1.消息被其他消费者消费 2.主要说的2这种情况,就是在延迟队列中,忘记给一个bean加注解导致日志报exchange not found. 这个报错,进而引发了bindings没有绑定。没有绑定的话,发送消息就会接收不到。

python-带空格的数字层三角形

[题目描述] 输入一个整数n,输出一个带空格的数字层状三角形。输入: 输入共一行,为一个整数n。输出: 输出一个带空格的数字层状三角形。样例输入1 8 样例输出1 11111111 2222222 333333 44444 5555 …

亦菲喊你来学机器学习(16) --K-means聚类算法

文章目录 K-means基本步骤优缺点构建模型 总结 K-means K-means 算法是一种广泛使用的聚类算法,旨在将数据集划分为 K 个簇,使得每个簇内的数据点尽可能相似,而不同簇之间的数据点尽可能不同。这个算法通过迭代的方式实现,每次迭…

三耐环保家族控股99.17%:分红6000多万再补流,董事长董秘一年3次被警示

《港湾商业观察》施子夫 王璐 持续冲刺北交所的杭州三耐环保科技股份有限公司(以下简称,三耐环保)日前收到第三轮审核问询函,其保荐机构为民生证券。 值得关注的是,第三轮审核问询函依旧围绕的问题是,进…

linux系统修改/etc/profile,修改错了,再打开乱码

执行vim /etc/profile, 在文件末尾增加两行配置,可能是$符号写错了,输入:x保存,提示输入密码(help cm),然后输入两次cm 执行source /etc/profile 提 示文件错误字段 执行cat profile结果如下: 这有没有办法还原啊…

省略号(一行多行)vue3

组件 <template><div ref"tooltipParentRef" class"moreTipText"><el-tooltip:placement"props.placement"effect"dark":enterable"true":show-after"200":offset"10":popper-class&qu…

声纹API验证快速检索技术实现

一、实现思路&#xff0c;假如我们有4个人员&#xff0c;要从中快速找到4号的发音&#xff0c;那么我们就可以使用声纹API验证技术。 二、首先我们要创建特征库&#xff0c;然后分别添加到特征库里&#xff0c;随后找另一个人发音不同的音频去快速定位寻找。 三、比如我们要找到…

什么是集成测试?它和系统测试的区别是什么?

01 什么是集成测试&#xff1f; 集成测试是软件测试的一种方法&#xff0c;用于测试不同的软件模块之间的交互和协作是否正常。集成测试的主要目的是确保不同的软件模块能够无缝协作&#xff0c;形成一个完整的软件系统&#xff0c;并且能够满足系统的需求和规格。 在集成测试…

yml Unused property

问题描述 以前用的好好的项目,今天突然打开就发现idea不识别spring配置信息显示未引用,如果config代码中引入的配置却可以高亮显示,然后输入spring相关的配置,文件是没有提示的。经过研究发现是spring相关的插件被关闭了。效果如下 解决方法 启用三个插件spring Boot,Sp…