Question

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

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

但我一直收到这个错误，说

在＆＃39; http://carlitosworks.com/ferrari_cyan.png＆＃39;访问图片来自起源＆＃39; null＆＃39;被CORS政策阻止：No＆＃39; Access-Control-Allow-Origin＆＃39;标头出现在请求的资源上。起源＆＃39; null＆＃39;因此不允许访问。

所以我读了一些关于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";

注意小＆＃34; o＆＃34;

在我当地尝试过。它在工作。

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

1 个答案: