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

pdfjs在线预览组件的使用

news 2026/1/12 12:56:28

前言

pdfjs在线预览组件。
原生浏览器预览pdf文件，存在pdf xss跨站攻击风险。推荐使用pdfjs第三方组件在线预览pdf文件。

如何使用

下载
官方插件下载地址：https://mozilla.github.io/pdf.js/getting_started/
安装
把下载的文件复制到项目中
使用pdfjs打开文件

viewer.html是pdfjs自带的网页
需要注意，viewer.html的依赖文件能正常引进

var pdfUrl="你的pdf访问网址";
window.open("viewer.html?file="+encodeURIComponent(pdfUrl));

pdfjs在线预览组件相比pdfh5的预览清晰度高。

遇到的问题

1. invalid or corrupted pdf file

无效的pdf
请检查pdfUrl路径是否正确，是否使用encodeURIComponent()方璐编码路径。

pdfjs在线预览组件的使用

前言 pdfjs在线预览组件。原生浏览器预览pdf文件，存在pdf xss跨站攻击风险。推荐使用pdfjs第三方组件在线预览pdf文件。如何使用下载官方插件下载地址：https://mozilla.github.io/pdf.js/getting_started/ 安装把下载的文件复制到项目中使用pd…...

编程日记 2023/9/9 14:10:53

python线程、协程

线程创建线程对象 from threading import Threadt Thread() # 功能：创建线程对象 # 参数：target 绑定线程函数 # args 元组给线程函数位置传参 # kwargs 字典给线程函数键值传参启动线程 t.start() # 启动线程回收线程 t.join([timeout]) # …...

编程日记 2023/9/9 14:09:52

AttributeError: module ‘OpenSSL.SSL’ has no attribute ‘SSLv3_METHOD

这个错误是由于在OpenSSL.SSL模块中找不到SSLv3_METHOD属性导致的。解决这个问题的方法如下： 首先，确保你已经安装了最新版本的cryptography和pyOpenSSL。你可以使用以下命令卸载并重新安装它们： 卸载cryptography：pip uninstall …...

编程日记 2023/9/9 14:08:51

DTCC 2023丨云原生环境下，需要什么样的 ETL 方案？

2023年8月16日~18日，第14届中国数据库技术大会（DTCC 2023）于北京隆重召开，拓数派受邀参与本次大会，PieCloudDB 技术专家邱培峰在大会做了《云原生虚拟数仓 PieCloudDB ETL 方案设计与实现》的主题演讲，详…...

编程日记 2023/9/9 14:07:49

在UE4虚幻引擎中加入导航网格体边界体积后丧尸不能移动和发现玩家

UE4系列文章目录文章目录 UE4系列文章目录前言一、用到的知识点二、问题原因前言最近使用ue4做第一人称视角射击游戏发现问题，加入导航网格体边界体积后丧尸不能移动和发现玩家。下图是出现的问题图片一、用到的知识点 1.行为树：控制并显示AI的决…...

编程日记 2023/9/9 14:06:49

华为数通方向HCIP-DataCom H12-821题库(单选题：221-240)

第201题 BGP 协议用 beer default-route-advertise 命令来给邻居发布缺省路由,那么以下关于本地 BGP 路由表变化的描述，正确的是哪一项? A、在本地 BGP 路由表中生成一条活跃的缺省路由并下发给路由表 B、在本地 BGP 路由表中生成一条不活跃的缺省路由，但不下发给…...

编程日记 2023/9/9 14:05:48

aarch64 arm64 部署 stable diffusion webui 笔记【1】准备 venv 安装pytorch 验证cuda

aarch64 pytorch(没有aarch64对应版本，自行编译) pytorch-v2.0.1 cuda arm64 aarch64 torch 2.0.1cu118 源码编译笔记【2】验证cuda安装成功_hkNaruto的博客-CSDN博客创建venv [rootceph3 stable-diffusion-webui]# /usr/local/Python-3.10.12/bin/python3 -m v…...

编程日记 2023/9/9 14:04:47

从方法到目标了解什么是机器学习？

一、什么是机器学习 1、简述机器学习是人工智能（AI）和计算机科学的一个分支，专注于利用数据和算法来模仿人类的学习方式，逐步提高其准确性。过去几十年来，存储和处理能力方面的技术进步催生了一些基于机器学习的创新产品，例如 Netflix 的推荐引擎和自动驾驶汽车。机…...

编程日记 2023/9/9 14:03:43

Devos勒索病毒：网络安全的新威胁，勒索病毒解密，数据恢复

随着信息技术的飞速发展，网络安全问题日益凸显。近年来，一种名为Devos的勒索病毒在全球范围内肆虐，给企业和个人带来了极大的损失。本文将详细介绍Devos勒索病毒的特点、传播途径以及预防和应对措施，帮助大家更好地认识和防范这一…...

编程日记 2023/9/9 14:02:42

go语言的高级特性

go语言调用C语言 go tool cgo main.go...

编程日记 2023/9/9 14:01:42

华为VRP系统基本操作

1.实验目的掌握一些常见的路由命令。 2.实验步骤查看设备版本信息 display version 修改设备的名字进入系统视图 system-view修改设备名称 sysname Datacom-Router进入接口视图 int g0/0/1进入到接口GigabitEthernet0/0/1的视图 interface GigabitEthernet 0/0/1dis…...

编程日记 2023/9/9 14:00:40

Milvus Cloud扩展变更：为向量数据库注入前沿增强功能

在向量数据库的不断变化中，Milvus Cloud已成为一个改变游戏规则的先锋，革新了我们存储、搜索和分析复杂向量数据的方式。通过最新版本的Milvus Cloud2.3.0，引入了一系列重要的增强和修改，为更强大、更高效的向量数据库解决方案铺平了道路。在本文中，我们将深入探讨Milvus …...

编程日记 2023/9/9 13:59:39

外观模式简介

概念： 外观模式（Facade Pattern）是一种结构型设计模式，它提供了一个统一的接口，用于访问子系统中的一组接口。外观模式隐藏了子系统的复杂性，并将其封装在一个简单易用的接口中，使得客户端可以…...

编程日记 2023/9/9 13:58:38

web pdf 拖拽签章

web pdf 拖拽签章主要通过火狐的pdfjs 来实现 1. 下载js 并编译地址 https://mozilla.github.io/pdf.js/ 按照官网当下下载并编译就得到了js 2.其实也没有什么好讲的，都是用的js中的方法，官网中都有按照步骤就能生成一个document元素，然…...

编程日记 2023/9/9 13:57:33

SQLAlchemy 库创建数据库引擎和会话工厂附带SQLSERVER驱动版本确认方式

SQLAlchemy 库创建数据库引擎和会话工厂 from sqlalchemy import create_engine from sqlalchemy.orm import sessionmaker# 创建数据库引擎 engine create_engine(mssqlpyodbc://user:passhost:port/database?driverODBCDriver11forSQLServer)# 创建会话工厂 Session sess…...

编程日记 2023/9/9 13:56:32

用Python登录账户

1 问题如何利用python登录账户？ 2 方法账户和密码存放在文件夹中从文件夹中读取并比较密码密文验证三次后，如不成功则锁定用户通过。。。。。。。。等证明提出的方法是有效的，能够解决开头提出的问题。代码清单 1 import osimport getpas…...

编程日记 2023/9/9 13:55:31

梳理下我自已对Reactor与及IO多路复用的select\poll\epoll的理解

Reactor是一种设计思想的落地，其中IO多路复用的具体落地：select\poll\epoll。都是基于Reactor的延伸。它的核心是Reactor与资源处理器。Reactor负责监听与事件的分发，事件包括连接事件、读事件、写事件。具体的流程是系统调用监听请求&…...

编程日记 2023/9/9 13:54:29

4. 广播变量

一、分区规则（DataStream Broadcast）和广播变量（Flink Broadcast） 1.1 DataStream Broadcast（分区规则） 分区规则是把元素广播给所有的分区，数据会被重复处理。 DataStream.broadcast()1.…...

编程日记 2023/9/9 13:53:27

GPT 内部 — I ：了解文本生成

年轻的陀思妥耶夫斯基被介绍给生成AI，通过Midjourney创建一、说明我经常与不同领域的同事互动，我喜欢向几乎没有数据科学背景的人传达机器学习概念的挑战。在这里，我试图用简单的术语解释 GPT 是如何连接的，只是这次是书面形式。…...

编程日记 2023/9/9 13:52:25

平板触控笔哪款好用？好用的第三方apple pencil

而对于那些把ipad当做学习工具的人而言，苹果Pencil就成了必备品。但因为苹果Pencil太贵了，不少的学生们买不起。因此，最佳的选择还是平替电容笔，今天在这里整理了一些高性价比的电容笔！ 一、挑选电容笔的要点&#xf…...

编程日记 2023/9/9 13:51:23

Chapter03-Authentication vulnerabilities

文章目录 1. 身份验证简介1.1 What is authentication1.2 difference between authentication and authorization1.3 身份验证机制失效的原因1.4 身份验证机制失效的影响 2. 基于登录功能的漏洞2.1 密码爆破2.2 用户名枚举2.3 有缺陷的暴力破解防护2.3.1 如果用户登录尝试失败次…...

编程新知 2026/1/11 5:49:14

rknn优化教程（二）

文章目录 1. 前述2. 三方库的封装2.1 xrepo中的库2.2 xrepo之外的库2.2.1 opencv2.2.2 rknnrt2.2.3 spdlog 3. rknn_engine库 1. 前述 OK，开始写第二篇的内容了。这篇博客主要能写一下： 如何给一些三方库按照xmake方式进行封装，供调用如何按…...

编程新知 2025/6/11 15:25:30

【android bluetooth 框架分析 04】【bt-framework 层详解 1】【BluetoothProperties介绍】

1. BluetoothProperties介绍 libsysprop/srcs/android/sysprop/BluetoothProperties.sysprop BluetoothProperties.sysprop 是 Android AOSP 中的一种系统属性定义文件（System Property Definition File），用于声明和管理 Bluetooth 模块相…...

编程新知 2025/11/22 12:02:51

【HarmonyOS 5 开发速记】如何获取用户信息（头像/昵称/手机号）

1.获取 authorizationCode： 2.利用 authorizationCode 获取 accessToken：文档中心 3.获取手机：文档中心 4.获取昵称头像：文档中心首先创建 request 若要获取手机号，scope必填 phone，permissions 必填 …...

编程新知 2025/9/17 2:39:21

使用 SymPy 进行向量和矩阵的高级操作

在科学计算和工程领域，向量和矩阵操作是解决问题的核心技能之一。Python 的 SymPy 库提供了强大的符号计算功能，能够高效地处理向量和矩阵的各种操作。本文将深入探讨如何使用 SymPy 进行向量和矩阵的创建、合并以及维度拓展等操作，并通过具体…...

编程新知 2026/1/9 15:05:22

算法笔记2

1.字符串拼接最好用StringBuilder，不用String 2.创建List<>类型的数组并创建内存 List arr[] new ArrayList[26]; Arrays.setAll(arr, i -> new ArrayList<>()); 3.去掉首尾空格...

编程新知 2026/1/10 1:37:43

服务器--宝塔命令

一、宝塔面板安装命令 ⚠️ 必须使用 root 用户或 sudo 权限执行！ sudo su - 1. CentOS 系统： yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh2. Ubuntu / Debian 系统…...

编程新知 2025/10/3 10:56:48

Xen Server服务器释放磁盘空间

disk.sh #!/bin/bashcd /run/sr-mount/e54f0646-ae11-0457-b64f-eba4673b824c # 全部虚拟机物理磁盘文件存储 a$(ls -l | awk {print $NF} | cut -d. -f1) # 使用中的虚拟机物理磁盘文件 b$(xe vm-disk-list --multiple | grep uuid | awk {print $NF})printf "%s\n"…...

编程新知 2025/11/19 6:04:18

比较数据迁移后MySQL数据库和OceanBase数据仓库中的表

设计一个MySQL数据库和OceanBase数据仓库的表数据比较的详细程序流程，两张表是相同的结构，都有整型主键id字段，需要每次从数据库分批取得2000条数据，用于比较，比较操作的同时可以再取2000条数据，等上一次比较完成之后，开始比较，直到比较完所有的数据。比较操作需要比较…...

编程新知 2025/9/14 5:35:46

Vite中定义@软链接

在webpack中可以直接通过符号表示src路径，但是vite中默认不可以。如何实现： vite中提供了resolve.alias：通过别名在指向一个具体的路径在vite.config.js中 import { join } from pathexport default defineConfig({plugins: [vue()],//…...

编程新知 2025/10/17 2:32:49

前言

如何使用

遇到的问题

1. invalid or corrupted pdf file

相关文章：