Comment puis-je forcer un navigateur à actualiser une image dynamique pour afficher les mises à jour ?

Actualisation dynamique de l'image à l'aide de Cachebreaker

Lors de l'accès à une source d'image dynamique qui fournit une nouvelle image à chaque chargement, il est crucial de forcer une actualisation pour afficher l'image mise à jour sur la page Web.

Le problème survient lors du chargement de la nouvelle image en arrière-plan et de la tentative de remplacement de l'existante. sur la page. Bien que la nouvelle image soit chargée, elle peut ne pas s'afficher tant que la page n'est pas actualisée.

Pour résoudre ce problème, un disjoncteur de cache peut être ajouté à la fin de l'URL de l'image :

newImage.src = "http://localhost/image.jpg?" + new Date().getTime();

Ceci Cette approche ajoute l'horodatage actuel à l'URL, demandant au navigateur de récupérer l'image directement à partir de la source plutôt que de son cache. Par conséquent, le navigateur récupérera toujours la dernière version de l'image, garantissant que l'image mise à jour est affichée sur la page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!