Ajax: comment lire une image d'origine croisée ?

Par Anthony_, il y a 6 ans

Javascript

Bonjour, je ne suis pas un mordu du Js, donc je sollicite votre aide.

Voila je rencontre un petit problème avec mon code.

Je fais une requete vers mon serveur afin de recuperer un fichier json

$.get('https://mitashi-otha.com/data.json') //reponse du serveur [{message: "salut !"}]

Je fais une requete vers un serveur afin de recuperer une image

$.get('http://lorempixel.com/400/200') //je reçois une erreur en console Access to XMLHttpRequest at 'http://lorempixel.com/400/200' from origin 'http://localhost:8100' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Je rencontre la même erreur lorsque je fais

<img src="http://lorempixel.com/400/200" crossorigin="*"> //je reçois une erreur en console Access to XMLHttpRequest at 'http://lorempixel.com/400/200' from origin 'http://localhost:8100' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Je suis entrain de tester une librairie Js, donc je sais parfaitement ce que je cherche, je ne veux pas activer l'extension CORS pour résoudre le problème (d'ailleurs j'en serai toujours pas tiré d'affaire). J'ai besoin de comprendre pourquoi je n'ai aucun problème à lire un fichier json, mais l'image necessite des entetes de securités, est-ce qu'il y a un moyen de configurer ça dans mon htaccess depuis mon serveur ?

3 réponses

Anthony_, il y a 6 ans

Y a personne ?

Anthony_, il y a 6 ans

Merci @Grafikart, c'est surtout à la fin de la vidéo que j'ai trouvé la réponse. U're the best !