JavaScript, AJAX und das Flag withCredentials

[Berthold (Gast)]

Mit JavaScript und AJAX versuche ich auf eine IP-Cam zuzugreifen. Was 
leider nicht funktioniert, da der Browser dies verhindert (siehe Meldung 
unten).

Ausgangspunkt:

Diese Seite[1] habe ich so verstanden, dass durch das Setzen des Flags 
withCredentials der Browser einen "Quellübergreifende (Cross-Origin) 
Anfrage" zuläßt.

JavaScript-Auszug:

...
xmlHttp.open('GET', URL, true);
xmlHttp.withCredentials = true;
xmlHttp.setRequestHeader("Authorization", "Basic " + btoa(userpass));
...

Browsermeldung (Konsole):

Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf http://192.168.178.20/cgi/jpg/image.cgi. (Grund: CORS-Kopfzeile 'Access-Control-Allow-Origin' fehlt).

Warum blockiert der Browser den Zugriff?

[1]
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/withCredentials

[g457 (Gast)]

> Warum blockiert der Browser den Zugriff?

Siehe [0].

HF

[0] 
https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

[Mario M. (Gast)]

Ginge nur, wenn Deine Cam den Header "Access-Control-Allow-Origin" 
senden würde. Siehe: 
https://de.wikipedia.org/wiki/Cross-Origin_Resource_Sharing

[Daniel F. (df311)]

da du die Kamera wahrscheinlich nicht anpassen kannst, bietet sich ein 
"Curl-Wrapper" an:
du setzt einen Request an deinen Webserver ab, der fragt die Kamera ab 
und liefert die Daten zurück.

setzt allerdings voraus, dass du einen Server verwendest, auf dem du 
dynamische Anfragen verarbeiten kannst...