本文主要是介绍阿里云OSS设置防盗链Referer规则以后,html2canvas加了useCORS还是报No ‘Access-Control-Allow-Origin‘解决方法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
解决方法:去阿里云设置js跨域规则,图片加属性 crossOrigin=“anonymous”,如果不报错但是图片出来是空白,那就给每个图片后面加上时间戳,例如xxx.png?1610785463000
<img crossOrigin="anonymous"/>
用html2canvas生成图片,遇到跨域问题,直接出现了空白,加上了 useCORS:true 之后跨域错误(No ‘Access-Control-Allow-Origin’ header is present on the requested resource),因此要去阿里云设置下。
html2canvas(document.querySelector("#showlangpicbox .showlangpicbox"),{useCORS:true,onrendered: function(canvas){console.log("完成")var dataURL = canvas.toDataURL("image/png");// console.log(dataURL);}})
阿里云之前只设置了Referer规则,没有设置js跨域规则
按上面方法设置下保存即可。
这里需要注意:
不是立即生效!不是立即生效!不是立即生效!耐心等1–3分钟后再看下就可以正常生成图片了。
这篇关于阿里云OSS设置防盗链Referer规则以后,html2canvas加了useCORS还是报No ‘Access-Control-Allow-Origin‘解决方法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!