Rafraichissement objet IMG sous Edge et FireFox

Bonjour,

Je rencontre une différence de comportement entre Edge et Fireox sur un point qui me semble vraiment banal.

J'ai un traitement Ajax qui génère en sortie un fichier JPEG et un fichier XML contenant le nom de l'image fabriquée.
Je voudrais donc modifier par javascript la propriété SRC d'une balise IMG en lui attribuant le nom de cette image.

Soit donc le code suivant :

Code:

---

1 2 3 4

var LO_XML= xhr.responseXML; var LO_Data = LO_XML.getElementsByTagName("image")[0]; var LC_Image= LO_Data.childNodes[0].nodeValue; document.getElementById("IMG_Voir").src = "Ajax/" + LC_Image;

---

Le nom de l'image est correct, le format du fichier JPEG aussi.
Sous Edge le traitement fonctionne bien sous FireFox l'image reste inchangée (sauf si je recharge la page)
Je précise que le nom de l'image n'est pas modifié c'est son contenu qui l'est. Je cherche en fait un équivalent de Refresh de certains langages juste pour cet objet IMG.

Merci d'avance de vos idées

Ce n’est pas courant de servir des images qui sont amenées à changer régulièrement. Pour cette raison, les serveurs sont configurés, par défaut, pour ajouter des directives de cache longue durée quand ils détectent qu’ils sont en train de servir une image. L’idéal serait que tu modifies ta configuration serveur pour lui faire envoyer des directives différentes. Une piste de réflexion.

En attendant tu peux mettre en œuvre un système très simple de cache buster côté client, en ajoutant simplement un paramètre GET avec une valeur aléatoire :

Code:

---

document.getElementById("IMG_Voir").src = "Ajax/" + LC_Image + "?bidule=" + Math.random();

---

Merci.

L'objectif du site est de proposer une interface de simulation de crédit.
A chaque modification des valeurs je construis donc un graphe en image côté serveur et j'affiche l'image obtenue.

J'ai essayé la solution. C'est parfait, cela fonctionne.
Merci encore