Mise à jour d'une image bloquée par le cache du navigateur

Bonjour,

J'ai mis en place la possibilité de modifier l'image d'un utilisateur via une requête AJAX. Ceci fonctionne bien si ce n'est que la nouvelle image n'est pas afficher avant qu'on aille manuellement effacer le cache du navigateur.

Comment puis-je contourner le problème ? Mes recherches m'ont emmené à évaluer la possibilité d'utiliser un timestamp sur mes ressources, mais je ne sais pas comment faire cela.

Auriez-vous une solution ?

Merci d'avance

Bonjour,

il suffit de changer le nom du fichier. tu peux le renommer en fonction du timestamp de téléchargement.
Par exemple le fichier suivant photo.jpg deviendra photo_1603448358.jpg . Ensuite pour faire lien entre le fichier de base(sans timestamp) et le fichier versionné tu peux stocker le lien entre ces 2 fichiers dans un fichier json comme ceci:

Code:

---

1 2	{"photo.jpg":"photo_1603448358.jpg"}

---

Pour récupérer le fichier versionné à afficher:

Code:

---

1 2 3

$map = json_decode( file_get_contents('manifest.json') ); //où manifest.json représente le fichier json faisant le lien entre le fichier de base et son pendant versionné echo $map["photo.jpg"]; // photo_1603448358.jpg

---

Hello,

La réponse est simple il est vrai. Mais n'y a-t-il pas une possibilité de garder le nom de fichier, car toute la plateforme est basée sur le nom de l'utilisateur pour les photos (nom_utilisateur.jpg), du coup, je devrais changer la structure de la base de données, ses inscriptions et ses appels...

Mais ça sera peut-être plus simple qu'un changement du cache.

Merci en tout cas

J'ai trouvé ces 2 méthodes en faisant une recherche Google sur les mots clés "html remove image from cache" :

- https://developer.mozilla.org/fr/doc...I/Cache/delete
- https://developer.mozilla.org/en-US/...evokeObjectURL

De ce que j'ai compris, ce sont des méthodes plus ou moins en WorkInProgress... le résultat n'est pas forcément garantis mais vous pouvez toujours tester sur votre environnement de développement.

Il faudra bien pousser les tests sur différents navigateurs et différents supports.

Voilà j'ai pas cherché longtemps.. il y a peut être moyen de trouver mieux.

Bonjour,

Merci à toi Soundboy39. Finalement aucune solution n'a vraiment fonctionné et j'ai fini par utiliser la méthode traditionnelle, à savoir renommer chaque image du genre "nom_utilisateur"+n_alea. De ce fait, ça fait une entrée supplémentaire dans la BDD, mais les pages ont pu être corrigées en conséquences.

Meilleures salutations

Simplement ajouter un paramètre à l'image ne suffisait pas ?

Code:

---

<img src="image.jpg?123456789" />

---

Si ca ne suffit pas , il est normalement possible avec Apache et un htaccess de forcer l'envoi d'un hash différent quand une image change grâce aux etags.