Comment envoyer des cookies dans un constructeur Image()

Question

J'injecte une image dans un canevas que je dois sécuriser en passant des cookies avec ma requête. Mon problème est que le constructeur Image ne semble pas envoyer les cookies avec la demande lorsque le src est défini. Les cookies ne sont pas accessibles via js, ils sont envoyés par le navigateur.

var img = new Image(); 
img.setAttribute('crossOrigin', 'anonymous'); 

validateUrl(originalUrl, function (validatedUrl) { 
    img.src = validatedUrl; //GET fails after this happens 
}); 

img.onload = function() { 
    drawImageProp(context, img); 
} 

Answer 1

Si vous définissez l'attribut crossorigin sur une image, puis les cookies ne sont pas envoyés à la demande de l'image. C'est ainsi que cette fonctionnalité est écrite pour fonctionner.

Les cookies sont liés à un domaine/sous-domaine spécifique (et éventuellement à un chemin dans ce domaine). Lors de la demande d'une image, les cookies du domaine sur lequel l'image est demandée seront automatiquement envoyés avec la demande d'image.

Le navigateur ne donne accès qu'à Javascript aux cookies qui sont dans la même origine que la page Web hôte. Donc, Javascript n'a pas la capacité de lire les cookies pour un autre domaine. Ainsi, lorsque vous demandez votre image en définissant la propriété .src, tous les cookies appartenant au domaine de l'URL de l'image seront automatiquement envoyés avec la demande d'image (vous ne faites rien pour provoquer cela).