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

一、问题原因

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

二、解决办法 两步

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

阿里腾讯云为例:↓

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

腾讯云OOS设置跨域访问

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

相关推荐
xhxxx15 小时前
prototype 是遗产,proto 是族谱:一文吃透 JS 原型链
前端·javascript
倾墨15 小时前
Bytebot源码学习
前端
用户938169125536015 小时前
VUE3项目--集成Sass
前端
S***H28316 小时前
Vue语音识别案例
前端·vue.js·语音识别
CodeCraft Studio16 小时前
ABViewer 16全新发布:3D可视化、PDF转DWG、G-code生成全面升级
pdf
涔溪16 小时前
通过Nginx反向代理配置连接多个后端服务器
vue.js·nginx
啦啦91188616 小时前
【版本更新】Edge 浏览器 v142.0.3595.94 绿色增强版+官方安装包
前端·edge
蚂蚁集团数据体验技术17 小时前
一个可以补充 Mermaid 的可视化组件库 Infographic
前端·javascript·llm
LQW_home17 小时前
前端展示 接受springboot Flux数据demo
前端·css·css3
q***d17317 小时前
前端增强现实案例
前端·ar