Discussion :

[willyg28]

Bonjour,

Existe-t-il un moyen de recharger une image sans avoir à recharger la page ?
En effet, je crée une image à partir de données issues d'une base mysql, et je dois pouvoir modifier certains paramètres de celle-ci et la recharger ensuite.
Le test est réussi, l'image est bien recrée (je la vois modifiée sur le serveur) mais elle ne s'affiche pas à l'écran. J'ai toujours l'ancienne...

Pour ce faire, je modifie le DOM comme suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$("#mondiv").empy();
$("#mondiv").append(<img src='test.png'>);

test.png est une image préalablement chargée et modifiée suite à un clic sur le bouton.

Merci d'avance,
willy

[Bovino]

C'est normal que ça ne fonctionne pas (en supposant au préalable que le fait que la balise dans append() ne soit une chaine est juste une erreur de frappe) car le navigateur va chercher l'image qui est en cache, donc la même.
Pour pallier cela, il suffit de mettre un timestamp en paramètre de l'URL qui va forcer le navigateur à aller chercher l'image sur le serveur.
Et au passage, inutile de remplacer la balise image, modifier l'attribut src est amplement suffisant.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#mondiv img").attr('src', 'test.png?tt=' + new Date());

[willyg28]

Merci pour cette réponse , j ai réussi à recharger l image
willy