Solo lectura

Google Chrome - Foro de ayuda

Esta página web es un archivo de los hilos antiguos de los foros de Google. Más información
Google Chrome - Foro de ayuda > ¿Cuál es la configuración que acepta Chrome para CORS?

¿Cuál es la configuración que acepta Chrome para CORS?

Oscar Gil Fernández
16/05/16 12:48
Hola,
Estoy intentando insertar una imagen Cross-Origin para procesarla con canvas posteriormente.

<img  crossorigin="use-credentials" src="http://192.168.100.18:8081/?stream" >

Si no coloco crossorigin en <img> y en el servidor mando Access-Control-Allow-Origin: * , carga adecuadamente pero no puedo utilizar canvas porque queda "tainted".
Si coloco use-credentials y ajusto las cabeceras del servidor para que respondan según lo requerido en CORS ni siquiera carga la imagen.

Así quedan las cabeceras:
    1. Access-Control-Allow-Credentials:
      true
    2. Access-Control-Allow-Headers:
      Accept-Language, Referer, User-Agent, Accept, Server, Cache-Control, Pragma, Origin, Accept-Encoding, Content-Type, Connection, Host
    3. Access-Control-Allow-Methods:
      GET, OPTIONS
    4. Access-Control-Allow-Origin:
    5. Access-Control-Max-Age:
      86400
    6. Cache-Control:
      no-store, no-cache, must-revalidate, pre-check=0, post-check=0, max-age=0
    7. Connection:
      close
    8. content-length:
      9644
    9. content-type:
      image/jpeg
    10. Expires:
      Mon, 3 Jan 2000 12:34:56 GMT
    11. Pragma:
      no-cache
    12. Server:
      MJPG-Streamer/0.2
    13. Vary:
      Accept-Encoding, Origin
  1. Request Headersview source
    1. Accept:
      image/webp,image/*,*/*;q=0.8
    2. Accept-Encoding:
      gzip, deflate, sdch
    3. Accept-Language:
      es-419,es;q=0.8,en;q=0.6,en-US;q=0.4
    4. Cache-Control:
      no-cache
    5. Connection:
      keep-alive
    6. Host:
    7. Origin:
    8. Pragma:
      no-cache
    9. Referer:
    10. User-Agent:
      Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.76 Mobile Safari/537.36
  2. Las cabeceras parecen estar bien, en oros navegadores como Firefox funciona sin problema. Pero Chrome responde:

  4. Image from origin 'http://192.168.100.18:8081' has been blocked from loading by Cross-Origin Resource Sharing policy: Invalid response. Origin 'http://192.168.100.18' is therefore not allowed access.
No sé si es un error de Chrome o me falta algo para que la solicitud CORS este correcta.

Saludos.

Respuestas (0)