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

一、问题原因

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

二、解决办法 两步

  1. 图片元素上设置属性 crossorigin="anonymous" 支持原生img和eleme组件
  1. 存储桶设置资源跨域访问

阿里腾讯云为例:↓

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

腾讯云OOS设置跨域访问

静待几分钟, 不是立即生效的!

相关推荐
哈哈哈hhhhhh1 分钟前
vue----v-model
前端·javascript·vue.js
QD_ANJING3 分钟前
2026年大厂前端高频面试原题-React框架200题
开发语言·前端·javascript·react.js·面试·职场和发展·前端框架
happymaker06263 分钟前
web前端学习日记——DAY03(盒子模型,flex布局,表格)
前端·学习
爱丽_9 分钟前
Axios 二次封装:拦截器、统一错误处理与文件下载
前端
爱编程的小吴11 分钟前
LangChain基础入门:DocumentLoader加载PDF/Markdown文档实战
python·langchain·pdf
24白菜头11 分钟前
若依框架Ruoyi-Vue-SpringBoot3部署
前端·javascript·笔记·后端·学习
光影少年17 分钟前
react的diff算法和vue的diff算法区别
vue.js·算法·react.js
coder_lorraine25 分钟前
告别复杂存储!3分钟部署RustFS上线!
对象存储·rustfs
问道飞鱼31 分钟前
【Tauri框架学习】Tauri 与 React 前端集成:通信机制与交互原理详解
前端·学习·react.js·rust·通信
霍理迪35 分钟前
Vue列表过滤与排序
前端·javascript·vue.js