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

html2Canvas+jsPDF 下载PDF 遇到跨域的对象存储的图片无法显示

news 2025/12/27 8:17:11

一、问题原因

对象存储的域名和你网址的域名不一样，此时用Canvas相关插件将DOM元素转化为PDF，就会出现跨域错误。

二、解决办法两步

1. 图片元素上设置属性 crossorigin="anonymous" 支持原生img和eleme组件

2. 存储桶设置资源跨域访问

阿里腾讯云为例：↓

阿里云OSS设置跨域访问-阿里云开发者社区

腾讯云OOS设置跨域访问

静待几分钟，不是立即生效的！

html2Canvas+jsPDF 下载PDF 遇到跨域的对象存储的图片无法显示

一、问题原因对象存储的域名和你网址的域名不一样，此时用Canvas相关插件将DOM元素转化为PDF，就会出现跨域错误。二、解决办法两步 1. 图片元素上设置属性 crossorigin"anonymous" 支持原生img和eleme组件 2. 存储桶设置资源跨域访问…...

编程日记 2023/7/27 9:12:46

【C#】并行编程实战：异步流

本来这章该讲的是 ASP .NET Core 中的 IIS 和 Kestrel ，但是我看了下这个是给服务器用的。而我只是个 Unity 客户端程序，对于服务器的了解趋近于零。鉴于我对服务器知识和需求的匮乏，这里就不讲原书（大部分）内容了。本…...

编程日记 2023/7/27 9:11:45

在家下载论文使用哪些论文下载工具比较好

在家下载论文如果不借助论文下载工具是非常艰难的事情，因为很多查找下载论文的数据库都是需要账号权限才可使用的。例如，我们查找中文论文常用的知网、万方等数据库以及众多国外论文数据库。在家下载知网、万方数据库论文可用下面的方法：…...

编程日记 2023/7/27 9:10:44

【LeetCode 算法】Handling Sum Queries After Update 更新数组后处理求和查询-Segment Tree

文章目录 Handling Sum Queries After Update 更新数组后处理求和查询问题描述：分析代码线段树 Tag Handling Sum Queries After Update 更新数组后处理求和查询问题描述： 给你两个下标从 0 开始的数组 n u m s 1 和 n u m s 2 nums1 和 nums2 nums1…...

编程日记 2023/7/27 9:09:43

基于Linux操作系统中的MySQL数据库SQL语句（三十一）

MySQL数据库SQL语句目录一、SQL语句类型 1、DDL 2、DML 3、DCL 4、DQL 二、数据库操作 1、查看 2、创建 2.1、默认字符集 2.2、指定字符集 3、进入 4、删除 5、更改 6、练习三、数据表操作 （一）数据类型 1、数值类型 1.1、TINYINT …...

编程日记 2023/7/27 9:08:41

【Matlab】基于BP神经网络的数据回归预测新数据（Excel可直接替换数据）

【Matlab】基于BP神经网络的数据回归预测新数据（Excel可直接替换数据） 1.模型原理2.数学公式3.文件结构4.Excel数据5.分块代码5.1 main.m5.2 NewData.m6.完整代码6.1 main.m6.2 NewData.m7.运行结果1.模型原理基于BP神经网络的数据回归预测是一种常见的机器学习方法，用于处…...

编程日记 2023/7/27 9:07:40

HTTPS连接过程中的中间人攻击

HTTPS连接过程中的中间人攻击 HTTPS连接过程中间人劫持攻击 HTTPS连接过程 https协议就是httpssl/tls协议，如下图所示为其连接过程： HTTPS连接的整个工程如下： https请求：客户端向服务端发送https请求；生成公钥和私…...

编程日记 2023/7/27 9:06:39

redis启动失败，oO0OoO0OoO0Oo Redis is starting oO0OoO0OoO0Oo

在redis文件夹下，启动redis正常。但是加入到system后启动redis失败。一直处于starting状态。对比正常redis服务的配置之后，把redis.conf里的守护进程关掉就可以了（但是没用system管理之前，直接./redis.server启动是可以的&…...

编程日记 2023/7/27 9:05:38

1. 什么是milvus？ milvus docs milvus release Milvus的目标是：store, index, and manage massive embedding vectors generated by deep neural networks and other machine learning (ML) models. Milvus 向量数据库专为向量查询与检索设计&#xf…...

编程日记 2023/7/27 9:04:36

【C# 数据结构】Heap 堆

【C# 数据结构】Heap 堆先看看C#中有那些常用的结构堆的介绍完全二叉树最大堆 Heap对类进行排序实现 IComparable<T> 接口对CompareTo的一点解释参考资料先看看C#中有那些常用的结构作为数据结构系类文章的开篇文章，我们先了解一下C# 有哪些常用的数据…...

编程日记 2023/7/27 9:03:35

智慧园区楼宇合集：数字孪生管控系统

智慧园区是指将物联网、大数据、人工智能等技术应用于传统建筑和基础设施，以实现对园区的全面监控、管理和服务的一种建筑形态。通过将园区内设备、设施和系统联网，实现数据的传输、共享和响应，提高园区的管理效率和运营效益，为居…...

编程日记 2023/7/27 9:02:34

Ajax 黑马学习

Ajax 资源数据是服务器对外提供的资源,通过请求 - 处理 - 响应方式获取请求服务器数据, 用到 XMLHttpRequest 对象 XMLHttpRequest 是浏览器提供的js成员, 通过它可以请求服务器上的数据资源 let xmlHttpRequest new XMLHttpRequest(); 请求方式 : get向服务器获取数据…...

编程日记 2023/7/27 9:01:33

软件应用开发的常见环境

一般来说，在小型项目中可能只有开发环境和生产环境；在中型项目中会有开发环境、staging environment、生产环境；在大型项目中会有开发环境、测试环境、staging environment、生产环境。一、Dev Env / Development Environment 开发环境开…...

编程日记 2023/7/27 9:00:32

Rust中的iter(), into_iter(), iter_mut()

在Rust中，iter(), into_iter(), iter_mut()都是用于在集合类型上创建迭代器的方法。这三个方法各有不同，下面一一进行介绍。 iter(): iter() 方法创建一个不可变的引用迭代器。当你只想读取集合中的元素，而不想改变它们或消耗集合时&#xff…...

编程日记 2023/7/27 8:59:30

[SQL挖掘机] - 日期函数 - current_date

current_date函数时，它通常被用来获取当前的日期。它返回一个表示当前日期的日期值。 current_date函数没有任何参数，因此只需简单地调用它即可获得系统当前日期。以下是一个示例： select current_date;这将返回当前日期，例如…...

编程日记 2023/7/27 8:58:29

JAVA面试总结-Redis篇章(三)——缓存雪崩

JAVA面试总结-Redis篇章（三）——缓存雪崩...

编程日记 2023/7/27 8:57:28

maven编译报错

参考链接：mvn打包No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK_51CTO博客_mvn打包命令在执行 yum install -y java-1.8.0-opensdk命令后，使用maven去编译打包，结果报错， …...

编程日记 2023/7/27 8:56:27

HPC集群调度系统和计算系统

什么是计算云？ 所谓的计算云指的是为计算业务优化的类云基础架构，它强调用云的方式解决计算问题，而不是将“计算”搬到现有的公有云或者容器云上。目前公有云或者容器云（例如k8s）上的HPC解决方案本质上都是将现有的H…...

编程日记 2023/7/27 8:55:24

pg_archivecleanup清理wal日志

一、注意事项 pg_archivecleanup代码中仅进行了wal日志文件名的对比，没有实现对WAL日志名及对应生成时间的判断。在WAL日志未被重命名时，时间与日志名顺序名一致，没有问题。一旦WAL日志被重命名，pg_archivecleanup清理就可能清理…...

编程日记 2023/7/27 8:54:23

继承中的访问级别

值得思考的问题子类是否可以直接访问父类的私有成员？ 思考过程继承中的访问级别面向对象中的访问级别不止是 public 和 private 可以定义 protected 访问级别关键字 protected 的意义修饰的成员不能被外界直接访问修饰的成员可以被子类直接访问思考为什…...

编程日记 2023/7/27 8:53:22

Linux 文件类型，目录与路径，文件与目录管理

文件类型后面的字符表示文件类型标志普通文件：-（纯文本文件，二进制文件，数据格式文件） 如文本文件、图片、程序文件等。目录文件：d（directory） 用来存放其他文件或子目录。设备…...

编程新知 2025/12/26 16:24:20

SciencePlots——绘制论文中的图片

文章目录安装一、风格二、1 资源安装 # 安装最新版 pip install githttps://github.com/garrettj403/SciencePlots.git# 安装稳定版 pip install SciencePlots一、风格简单好用的深度学习论文绘图专用工具包–Science Plot 二、 1 资源论文绘图神器来了：一行…...

编程新知 2025/9/8 13:50:07

python/java环境配置

环境变量放一起 python： 1.首先下载Python Python下载地址：Download Python | Python.org downloads ---windows -- 64 2.安装Python 下面两个，然后自定义，全选可以把前4个选上 3.环境配置 1）搜高级系统设置 2…...

编程新知 2025/12/15 13:15:32

Java - Mysql数据类型对应

Mysql数据类型java数据类型备注整型INT/INTEGERint / java.lang.Integer–BIGINTlong/java.lang.Long–––浮点型FLOATfloat/java.lang.FloatDOUBLEdouble/java.lang.Double–DECIMAL/NUMERICjava.math.BigDecimal字符串型CHARjava.lang.String固定长度字符串VARCHARjava.lang…...

编程新知 2025/12/14 11:45:25

从零开始打造 OpenSTLinux 6.6 Yocto 系统（基于STM32CubeMX）（九）

设备树移植和uboot设备树修改的内容同步到kernel将设备树stm32mp157d-stm32mp157daa1-mx.dts复制到内核源码目录下源码修改及编译修改arch/arm/boot/dts/st/Makefile，新增设备树编译 stm32mp157f-ev1-m4-examples.dtb \stm32mp157d-stm32mp157daa1-mx.dtb修改…...

编程新知 2025/12/8 23:53:16