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

Question

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

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

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

Access to Image at 'http://carlitosworks.com/ferrari_cyan.png' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

因此，我阅读了一些有关 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";

note the small "o"

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