img图片跨域问题(场景:阿里oss,腾讯oss,其他第三方文件服务器)


BUG场景

html2canvas合并两张阿里OSS的图片跨域导致报错问题,报错环境:搜狗,360,win7谷歌浏览器,并且报错环环相扣

解决方案

合并的img标签加上crossorigin = "anonymous"解决搜狗报错问题,但是360合成图片仍然报错,因为js加载img标签导致缓存跨域,所以克隆的DOM节点内图片链接加上时间戳

cloneDom[0].innerHTML = cloneDom[0].innerHTML.replace(/.png/g,'.png' + '?' +(new Date()).getTime())

以此解决,搜狗,360,win7谷歌浏览器跨域问题BUG。

解决方案二

oss图片链接转换成base64图片不会导致跨域问题。

相关