ローカルから私のサイトの画像にアクセスする

Question

私のデスクトップには自分のサイトの画像を呼び出す基本的なhtmlファイルを作成したフォルダがあります。ここに、画像を読み込むコードの部分があります。いいえ「アクセス制御 - 許可 - 起源」：

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

は、しかし、私はCORSポリシーによってブロックされている「http://carlitosworks.com/ferrari_cyan.png」原点から「NULL」で画像に

アクセスを言い、このエラーを取得しておきますヘッダーが要求されたリソースに存在します。したがって、原点「ヌル」はアクセスが許可されません。

だから私は、CORSの方針と、このコード

<?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ファイルは画像も配置されているルートに位置していたcrossdomain.xmlと呼ばれる作成されたファイルについて少しお読みください。私はワイルドカード*を最後の手段として投げた。何もなかった。

コードに画像が読み込まれません。誰かが私を正しい方向に向けることができますか？前もって感謝します。

Answer 1

あなたがタイプミスをした -

img.crossOrigin = "anonymous"; 

はむしろ

img.crossorigin = "anonymous"; 

ノートである必要があり、小さな "O"

は私の地元で試してみました。それは働いている。