从本地访问我网站上的图像

Question

所以我的桌面上有一个文件夹，我在其中创建了一个基本的 html 文件，该文件从我的站点调用图像。这是一段假设加载图像的代码。

window.img = new Image();
img.crossOrigin = "anonymous";
img.onload = start;
img.src = "http://carlitosworks.com/ferrari_cyan.png";

但我不断收到这个错误，上面写着

CORS 策略已阻止从源“null”访问位于“http://carlitosworks.com/ferrari_cyan.png”的图像：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问 Origin 'null'。

所以我阅读了一些关于 CORS 政策的信息并创建了名为 crossdomain.xml 的文件，其中包含此代码

<?xml version="1.0" ?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
<site-control permitted-cross-domain-policies="master-only"/>
<allow-access-from domain="*"/>
<allow-http-request-headers-from domain="*" headers="*"/>
</cross-domain-policy>

此 crossdomain.xml 文件位于图像所在的根目录中。我把通配符 * 作为最后的手段，什么也没有。

代码不会加载图像。有人可以指出我正确的方向。提前致谢。

Answer 1

你打错字了-

img.crossOrigin = "anonymous";

应该是

img.crossorigin = "anonymous";

注意小“o”

在我的本地尝试过。它正在工作。