javascript - <img >加上crossOrigin="anonymous"之后导致图片无法显示

问题描述

问 题

主要是想对跨域的图片进行裁剪保存
先是出现canvas.toDataURL()报错 网上资料说需要添加crossOrigin="anonymous"允许跨域
但加了之后图片就无法显示了 我又新建了一个页面发现 只要是<img>加了crossOrigin="anonymous"就都无法显示 求大神帮忙，谢谢。

解决方案

你从哪里找的答案。误人子弟啊，Access-C...A...O...字段是服务端添加了才有的，"响应头中就会附加"是什么鬼，你加了crossOrigin="anonymous"是表明你想跨域获取这张图片，好用在canvas.toDataURL()上，但是服务端不一定同意啊，服务端添加了access...这个字段并且value是*或者你网站的域名才行，否则就认为你无权用，结果就是无法显示
参考：
http://stackoverflow.com/ques...
https://developer.mozilla.org...
https://developer.mozilla.org...

这篇关于javascript - &lt;img &gt;加上crossOrigin=&quot;anonymous&quot;之后导致图片无法显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！