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

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

news 2026/4/6 16:28:39

 

 

一、问题原因 

对象存储的域名和你网址的域名不一样，此时用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

milvus: 专为向量查询与检索设计的向量数据库

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#中有那些常用的结构 作为 数据结构系类文章 的开篇文章&#xff0c;我们先了解一下C# 有哪些常用的数据…...

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

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

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

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

Ajax 黑马学习

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

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

软件应用开发的常见环境

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

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

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

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

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

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

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

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

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

JAVA面试总结-Redis篇章&#xff08;三&#xff09;——缓存雪崩...

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

maven编译报错

参考链接&#xff1a;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命令后&#xff0c;使用maven去编译打包&#xff0c;结果报错&#xff0c; …...

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

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

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

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

pg_archivecleanup清理wal日志

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

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

继承中的访问级别

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

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

番茄小说下载器：全能解析引擎驱动的一站式数字阅读解决方案

番茄小说下载器&#xff1a;全能解析引擎驱动的一站式数字阅读解决方案 【免费下载链接】Tomato-Novel-Downloader 番茄小说下载器不精简版 项目地址: https://gitcode.com/gh_mirrors/to/Tomato-Novel-Downloader 在数字阅读日益普及的今天&#xff0c;读者们常面临三大…...

编程新知 2026/4/6 16:18:53

为什么说res-downloader能3步搞定全网资源下载？从新手到高手的实战指南

为什么说res-downloader能3步搞定全网资源下载&#xff1f;从新手到高手的实战指南 【免费下载链接】res-downloader 视频号、小程序、抖音、快手、小红书、直播流、m3u8、酷狗、QQ音乐等常见网络资源下载! 项目地址: https://gitcode.com/GitHub_Trending/re/res-downloader…...

编程新知 2026/4/6 12:33:59

别再手动一个个点了！用Labelme批量标注关键点数据的3个高效技巧（附快捷键设置）

别再手动一个个点了&#xff01;用Labelme批量标注关键点数据的3个高效技巧&#xff08;附快捷键设置&#xff09; 在计算机视觉项目的关键点标注任务中&#xff0c;效率往往是决定项目进度的关键因素。我曾参与过一个包含5000张图像的人体姿态估计项目&#xff0c;最初采用传…...

编程新知 2026/4/6 11:53:23

手把手教程：Qwen-Image快速部署，小白也能轻松玩转AI绘画

手把手教程&#xff1a;Qwen-Image快速部署&#xff0c;小白也能轻松玩转AI绘画 1. 教程介绍 今天我们要一起探索的是阿里云通义千问团队推出的Qwen-Image图像生成模型。这个模型最大的特点就是能精准理解你的文字描述&#xff0c;生成包含复杂文本的高质量图像。想象一下&am…...

编程新知 2026/4/6 10:48:42

SN74181芯片逻辑图解析：从Cn+1进位信号看加法器设计

SN74181芯片逻辑图解析&#xff1a;从Cn1进位信号看加法器设计 在数字电路设计的经典教材中&#xff0c;SN74181算术逻辑单元(ALU)芯片总是占据着重要位置。这款诞生于上世纪60年代的4位ALU芯片&#xff0c;至今仍是理解计算机算术运算基础的绝佳案例。特别是其进位信号Cn1的生…...

编程新知 2026/4/6 9:17:17

BGE-Large-Zh与传统算法对比：TF-IDF vs 语义向量

BGE-Large-Zh与传统算法对比&#xff1a;TF-IDF vs 语义向量 当传统的关键词匹配遇到深度语义理解&#xff0c;文本搜索技术正在经历一场革命性的变革 1. 引言&#xff1a;从关键词到语义理解的跨越 在信息检索领域&#xff0c;我们经历了从基于规则到统计方法&#xff0c;再到…...

编程新知 2026/4/6 8:38:40

3步打造个性化Windows任务栏：轻量级桌面美化工具TranslucentTB使用指南

3步打造个性化Windows任务栏&#xff1a;轻量级桌面美化工具TranslucentTB使用指南 【免费下载链接】TranslucentTB A lightweight utility that makes the Windows taskbar translucent/transparent. 项目地址: https://gitcode.com/gh_mirrors/tr/TranslucentTB 你是否…...

编程新知 2026/4/6 7:36:18

Linux 软件安装没你想的那么简单：为什么有的软件能直接跑，有的非装不可？

Linux 软件安装没你想的那么简单&#xff1a;为什么有的软件能直接跑&#xff0c;有的非装不可&#xff1f; 很多人刚接触 Linux 的时候&#xff0c;对“安装软件”这件事有点迷。 在 Windows 上&#xff0c;大家已经习惯了&#xff1a; 双击一个 exe一路“下一步”软件出现在桌…...

编程新知 2026/4/6 7:03:54

Qwen3.5-2B模型Java环境快速配置与Hello World实例

Qwen3.5-2B模型Java环境快速配置与Hello World实例 1. 前言&#xff1a;为什么选择Java调用Qwen3.5-2B 如果你是一名Java开发者&#xff0c;想要快速体验大语言模型的魅力&#xff0c;这篇教程就是为你准备的。Qwen3.5-2B作为一款轻量级但性能出色的开源模型&#xff0c;非常…...

编程新知 2026/4/6 6:16:45

Qwen3.5-9B-AWQ-4bit Anaconda环境管理大师：依赖冲突解决与虚拟环境配置

Qwen3.5-9B-AWQ-4bit Anaconda环境管理大师&#xff1a;依赖冲突解决与虚拟环境配置 1. 为什么需要环境管理助手 Python开发中最让人头疼的问题之一就是依赖冲突。当你兴冲冲地准备运行一个新项目时&#xff0c;却看到满屏红色错误提示&#xff1a;"Could not find a ve…...

编程新知 2026/4/6 6:14:44