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

一、问题原因

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

二、解决办法 两步

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

阿里腾讯云为例:↓

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

腾讯云OOS设置跨域访问

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

相关推荐
景早18 小时前
vue 记事本案例详解
前端·javascript·vue.js
wangjialelele19 小时前
Qt中的常用组件:QWidget篇
开发语言·前端·c++·qt
乔冠宇19 小时前
vue需要学习的点
前端·vue.js·学习
用户479492835691519 小时前
同样是 #,锚点和路由有什么区别
前端·javascript
Hero_112719 小时前
在pycharm中install不上需要的包
服务器·前端·pycharm
爱上妖精的尾巴19 小时前
5-26 WPS JS宏数组元素添加删除应用
开发语言·前端·javascript·wps·js宏
是谁眉眼19 小时前
wpsapi
前端·javascript·html
谅望者19 小时前
Flexbox vs Grid:先学哪一个?CSS 布局完全指南(附可视化示例)
前端·css·html·css3·css布局·css flexbox·css grid
老华带你飞20 小时前
商城推荐系统|基于SprinBoot+vue的商城推荐系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·毕设·商城推荐系统
JS.Huang20 小时前
【JavaScript】Pointer Events 与移动端交互
前端·javascript