このコードを約 20 回使用して、外部サーバーから画像を読み込みます。
var xhr = new XMLHttpRequest();
xhr.open('GET', uri, true); //uri is the image link
xhr.responseType = 'blob';
xhr.onload = function(event){
これらの画像が保存されているディレクトリに、次の内容の htaccess ファイルを配置しました。
Header set Access-Control-Allow-Origin "*"
このコードは、取得する最初の 4 つの画像を除いて正常に動作します。次のエラーが表示されます。
Origin http://localhost is not allowed by Access-Control-Allow-Origin.
これはどのように可能ですか？画像とコードの間に実際の違いはありませんか? :\
これは、失敗した画像について Chrome に表示されるものです。
Request URL:http://www.ardennenbed.nl/sitemanager/fotos/1329589074.jpg
Request Headers
Origin:http://localhost
Referer:http://localhost/app/www/
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.97 Safari/537.11
これは、作業イメージの Chrome で表示されるものです。
Request URL:http://www.ardennenbed.nl/sitemanager/fotos/1280247085.gif
Request Method:GET
Status Code:200 OK (from cache)
Request Headers
Accept:*/*
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:nl-NL,nl;q=0.8,en-US;q=0.6,en;q=0.4
Connection:keep-alive
DNT:1
Host:www.ardennenbed.nl
Origin:http://localhost
Referer:http://localhost/app/www/
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.97 Safari/537.11
Response Headers
Accept-Ranges:bytes
Access-Control-Allow-Origin:*
Connection:close
Content-Length:8486
Content-Type:image/gif
Date:Thu, 10 Jan 2013 12:19:20 GMT
ETag:"8192d2-2126-eb0e53c0"
Last-Modified:Wed, 09 Jan 2013 18:06:15 GMT
Server:Apache/2.2.3 (CentOS)
私を助けてください！