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

一、问题原因

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

二、解决办法 两步

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

阿里腾讯云为例:↓

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

腾讯云OOS设置跨域访问

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

相关推荐
爷_1 小时前
字节跳动震撼开源Coze平台!手把手教你本地搭建AI智能体开发环境
前端·人工智能·后端
charlee442 小时前
行业思考:不是前端不行,是只会前端不行
前端·ai
Amodoro3 小时前
nuxt更改页面渲染的html,去除自定义属性、
前端·html·nuxt3·nuxt2·nuxtjs
Wcowin4 小时前
Mkdocs相关插件推荐(原创+合作)
前端·mkdocs
伍哥的传说4 小时前
CSS+JavaScript 禁用浏览器复制功能的几种方法
前端·javascript·css·vue.js·vue·css3·禁用浏览器复制
lichenyang4534 小时前
Axios封装以及添加拦截器
前端·javascript·react.js·typescript
Trust yourself2434 小时前
想把一个easyui的表格<th>改成下拉怎么做
前端·深度学习·easyui
苹果醋34 小时前
iview中实现点击表格单元格完成编辑和查看(span和input切换)
运维·vue.js·spring boot·nginx·课程设计
武昌库里写JAVA5 小时前
iView Table组件二次封装
vue.js·spring boot·毕业设计·layui·课程设计
三口吃掉你5 小时前
Web服务器(Tomcat、项目部署)
服务器·前端·tomcat