需要服务器端支持,开一下cdn
Access-Control-Allow-Origin字段是服务端添加了才有的,前端加了crossOrigin="anonymous"是想跨域获取这张图片,好用在canvas.toDataURL()上,但是服务端不一定同意,服务端添加了access...这个字段并且value是*或者你网站的域名才行,否则就认为你无权用,结果就是无法显示
还有一种解决办法:根本原因还是浏览器的缓存问题 src加时间戳
let image = new Image()
image.setAttribute('crossOrigin', 'anonymous')
image.src = url + '?time=' + new Date().valueOf();
let that = this;
image.onload = () => {
// ... do something
}
image.onerror = (err) => {
console.log(err)
};