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

技术掉：PDF显示，使用pdf.js

news 2026/2/8 21:16:25

PDF 显示

场景： 其实直接显示 pdf 可以用 iframe 标签，但产品觉得浏览器自带的 pdf 预览太丑了，而且无法去除那些操作栏。

解决方案：使用 pdf.js 进行显示

第一步：引入 pdf.js

去官网下载稳定版的 pdf.js 文件

在这里插入图片描述

然后将下载好的文件放进项目的静态文件夹，我用的是 vite 项目，所以是 public

在这里插入图片描述

第二步：在页面中引入 viewer.html

<iframeclass="iframe1":src="'/public/pdf/web/viewer.html?file=xxxxxxx'"frameborder="0"width="100%"height="100%"
></iframe>

filte 是你的 pdf 的路径，本地路径和 url 路径都是可以的

设置好之后就可以预览了

效果如下：

在这里插入图片描述

遇到的问题

pdf 跨域

首先此插件跨域的话会报错，需要注释掉部分代码

/pdf/web/viewer.js

在这里插入图片描述

注释掉之后就可以解决了

更改 pdf 样式

直接去修改 viewer.html 里面的代码就行了

技术掉：PDF显示，使用pdf.js

PDF 显示场景： 其实直接显示 pdf 可以用 iframe 标签，但产品觉得浏览器自带的 pdf 预览太丑了，而且无法去除那些操作栏。解决方案：使用 pdf.js 进行显示第一步：引入 pdf.js 去官网下载稳定版的 pdf.js 文件然后…...

编程日记 2023/3/18 2:33:21

有关pytorch的一些总结

Tensor 含义张量（Tensor）：是一个多维数组，它是标量、向量、矩阵的高维拓展。创建非随机创建 1.用数组创建将数组转化为tensor np.ones([a,b]) 全为1 #首先导入PyTorch import torch#数组创建 import numpy as np anp.arr…...

编程日记 2023/3/18 2:28:19

基础IO【Linux】

文章目录：文件相关知识C语言文件IOstdin & stdout & stderr系统文件 IOopenclosewriteread文件描述符文件描述符的分配规则重定向dup2系统调用FILEFILE中的文件描述符FILE中的缓冲区理解文件相关知识文件文件内容文件属性（每一个已经存在的…...

编程日记 2023/3/18 2:23:17

Vue3——自定义封装上传图片样式

自定义封装上传图片样式一、首先需要新建一个自组建完善基础的结构，我这里起名为ImgUpload.vue <el-upload name"file" :show-file-list"false" accept".png,.PNG,.jpg,.JPG,.jpeg,.JPEG,.gif,.GIF,.bmp,.BMP" :multiple"…...

编程日记 2023/3/18 2:18:15

ChatGLM-6B (介绍以及本地部署)

中文ChatGPT平替——ChatGLM-6BChatGLM-6B简介官方实例本地部署1.下载代码2.通过conda创建虚拟环境3.修改代码4.模型量化5.详细代码调用示例ChatGLM-6B 简介 ChatGLM-6B 是一个开源的、支持中英双语问答的对话语言模型，基于 General Language Model (GLM) 架构&…...

编程日记 2023/3/18 2:13:12

react的基础使用

react中为什么使用jsxReact 认为渲染逻辑本质上与其他 UI 逻辑内在耦合，比如，在 UI 中需要绑定处理事件、在某些时刻状态发生变化时需要通知到 UI，以及需要在 UI 中展示准备好的数据。react认为将业务代码和数据以及事件等等需要和UI高度耦合…...

编程日记 2023/3/18 2:08:10

letcode 4.寻找两个正序数组的中位数（官方题解笔记）

题目描述给定两个大小分别为 m 和 n 的正序（从小到大）数组 nums1 和 nums2。请你找出并返回这两个正序数组的中位数。算法的时间复杂度应该为 O(log (mn)) 。 1.二分查找 1.1思路时间复杂度：O(log(mn)) 空间复杂度：O(1) 给定…...

编程日记 2023/3/18 2:03:08

【面试题系列】K8S常见面试题

目录序言问题 1. 简单说一下k8s集群内外网络如何互通的吧 2.描述一下pod的创建过程 3. 描述一下k8s pod的终止过程 4.Kubernetes 中的自动伸缩有哪些方式？ 5.Kubernetes 中的故障检测有哪些方式？ 6.Kubernetes 中的资源调度有哪些方式&#xff…...

编程日记 2023/3/18 1:58:06

字符函数和字符串函数(上)-C语言详解

CSDN的各位友友们你们好,今天千泽为大家带来的是C语言中字符函数和字符串函数的详解,掌握了这些内容能够让我们更加灵活的运用字符串,接下来让我们一起走进今天的内容吧!写这篇文章需要在cplusplus.com上大量截图,十分不易!如果对您有帮助的话希望能够得到您的支持和帮助,我会持…...

编程日记 2023/3/18 1:53:04

全连接神经网络

目录 1.全连接神经网络简介 2.MLP分类模型 2.1 数据准备与探索 2.2 搭建网络并可视化 2.3 使用未预处理的数据训练模型 2.4 使用预处理后的数据进行模型训练 3. MLP回归模型 3.1 数据准备 3.2 搭建回归预测网络 1.全连接神经网络简介全连接神经网络(Multi-Layer Percep…...

编程日记 2023/3/18 1:48:01

深度学习目标检测ui界面-交通标志检测识别

深度学习目标检测ui界面-交通标志检测识别为了将算法封装起来，博主尝试了实验pyqt5的上位机界面进行封装，其中遇到了一些坑举给大家避开。这里加载的训练模型参考之前写的博客： 自动驾驶目标检测项目实战(一)—基于深度学习框架yolov的交通…...

编程日记 2023/3/18 1:42:57

ubuntu不同版本的源（换源）（镜像源）（lsb_release -c命令，显示当前系统的发行版代号（Codename））

文章目录查看unbuntu版本名（lsb_release -c命令）各个版本源代号（仅供参考，具体代号用上面命令查）各版本软件源Ubuntu20.10阿里源：清华源：Ubuntu20.04阿里源：清华源：Ubunt…...

编程日记 2023/3/18 1:37:55

linux入门---程序翻译的过程

我们在vs编译器中写的代码按下ctrl f5就可以直接运行起来，并且会将运行的结果显示到显示器上，这里看上去只有一个步骤但实际上这里会存在很多的细节，比如说生成结果在这里插入代码片之前我们的代码会经过预处理，编译，汇…...

编程日记 2023/3/18 1:32:54

springboot复习（黑马）

学习目标基于SpringBoot框架的程序开发步骤熟练使用SpringBoot配置信息修改服务器配置基于SpringBoot的完成SSM整合项目开发一、SpringBoot简介1. 入门案例问题导入SpringMVC的HelloWord程序大家还记得吗？SpringBoot是由Pivotal团队提供的全新框架，其设计…...

编程日记 2023/3/18 1:27:51

C++指针详解

旧文更新：两三年的旧文了，一直放在电脑里，现在直接传上CSDN 一、指针的概念 1.1 指针程序运行时每个变量都会有一块内存空间，变量的值就存放在这块空间中。程序可以通过变量名直接访问这块空间内的数据，这种访问方…...

编程日记 2023/3/18 1:22:49

tauri+vite+vue3开发环境下创建、启动运行和打包发布

目录 1.创建项目 2.安装依赖 3.启动项目 4.打包生成windows安装包 5.安装打包生成的安装包 1.创建项目运行下面命令创建一个tauri项目 pnpm create tauri-app 我创建该项目时的node版本为16.15.0 兼容性注意 Vite 需要 Node.js 版本 14.18，16。然而&#x…...

编程日记 2023/3/18 1:17:48

安卓进阶系列-系统基础

文章目录计算机结构冯诺依曼结构哈弗结构冯诺依曼结构与哈弗结构对比安卓采用的架构安卓操作系统进程间通讯（IPC）内存共享linux内存共享安卓内存共享管道Unix Domain Socket同步常见同步机制信号量Mutex管程安卓同步机制安卓中的Mutex安卓中的ConditionB…...

编程日记 2023/3/18 1:12:45

10 Wifi网络的封装

概述 Wifi有多种工作模式，比如：STA模式、AccessPoint模式、Monitor模式、Ad-hoc模式、Mesh模式等。但在IPC设备上，主要使用STA和AccessPoint这两种模式。下面分别进行介绍。 STA模式：任何一种无线网卡都可以运行在此模式，这种模式也是无线网卡的默认模式。在此模式下，无线…...

编程日记 2023/3/18 1:07:42

手把手的教你安装PyCharm --Pycharm安装详细教程（一）（非常详细，非常实用）

简介 Jetbrains家族和Pycharm版本划分： pycharm是Jetbrains家族中的一个明星产品，Jetbrains开发了许多好用的编辑器，包括Java编辑器（IntelliJ IDEA）、JavaScript编辑器（WebStorm）、PHP编辑器&…...

编程日记 2023/3/18 1:02:41

开发板与ubantu文件传送

接下来的所以实验都通过下面这种方式发送APP文件到开发板运行目录 1、在ubantu配置 ①在虚拟机上添加一个桥接模式的虚拟网卡 ②设定网卡 ③在网卡上配置静态地址 2、开发板设置 ①查看网卡 ②配置网卡静态ip 3、测试 ①ping ②文件传送传送报错情况配置环境&#…...

编程日记 2023/3/18 0:57:39

从WWDC看苹果产品发展的规律

WWDC 是苹果公司一年一度面向全球开发者的盛会，其主题演讲展现了苹果在产品设计、技术路线、用户体验和生态系统构建上的核心理念与演进脉络。我们借助 ChatGPT Deep Research 工具，对过去十年 WWDC 主题演讲内容进行了系统化分析，形成了这份…...

编程新知 2026/2/2 21:52:33

【HarmonyOS 5.0】DevEco Testing：鸿蒙应用质量保障的终极武器

——全方位测试解决方案与代码实战一、工具定位与核心能力 DevEco Testing是HarmonyOS官方推出的一体化测试平台，覆盖应用全生命周期测试需求，主要提供五大核心能力： 测试类型检测目标关键指标功能体验基…...

编程新知 2026/1/28 8:17:53

sqlserver 根据指定字符解析拼接字符串

DECLARE LotNo NVARCHAR(50)A,B,C DECLARE xml XML ( SELECT <x> REPLACE(LotNo, ,, </x><x>) </x> ) DECLARE ErrorCode NVARCHAR(50) -- 提取 XML 中的值 SELECT value x.value(., VARCHAR(MAX))…...

编程新知 2025/10/29 4:33:03

Psychopy音频的使用

Psychopy音频的使用本文主要解决以下问题： 指定音频引擎与设备；播放音频文件本文所使用的环境： Python3.10 numpy2.2.6 psychopy2025.1.1 psychtoolbox3.0.19.14 一、音频配置 Psychopy文档链接为Sound - for audio playback — Psy…...

编程新知 2026/1/31 15:09:31

消息队列系统设计与实践全解析

文章目录 🚀 消息队列系统设计与实践全解析🔍 一、消息队列选型1.1 业务场景匹配矩阵1.2 吞吐量/延迟/可靠性权衡💡 权衡决策框架 1.3 运维复杂度评估🔧 运维成本降低策略 🏗️ 二、典型架构设计2.1 分布式事务最终一致…...

编程新知 2026/2/5 4:20:53

快速排序算法改进:随机快排-荷兰国旗划分详解

随机快速排序-荷兰国旗划分算法详解一、基础知识回顾1.1 快速排序简介1.2 荷兰国旗问题二、随机快排 - 荷兰国旗划分原理2.1 随机化枢轴选择2.2 荷兰国旗划分过程2.3 结合随机快排与荷兰国旗划分三、代码实现3.1 Python实现3.2 Java实现3.3 C实现四、性能分析4.1 时间复杂度…...

编程新知 2026/2/4 16:34:53

[USACO23FEB] Bakery S

题目描述 Bessie 开了一家面包店! 在她的面包店里，Bessie 有一个烤箱，可以在 t C t_C tC 的时间内生产一块饼干或在 t M t_M tM 单位时间内生产一块松糕。 ( 1 ≤ t C , t M ≤ 10 9 ) (1 \le t_C,t_M \le 10^9) (1≤tC,tM≤109)。由于空间…...

编程新知 2026/1/10 19:08:23