Comment garantir qu'un événement de chargement est déclenché pour une image, même si elle est mise en cache ?

Événement de chargement d'image et cache du navigateur

Vous souhaitez déclencher une boîte d'alerte lorsqu'une image a été chargée, que l'image ait été ou non été mis en cache ou non. La solution consiste à définir la propriété onload avant le src.

var img = new Image();
img.onload = function () {
   alert("image is loaded");
}
img.src = "img.jpg";

Cela fonctionnera sur les dernières versions de Firefox et Chrome. Vous pouvez également utiliser la réponse dans un autre article, qui est adaptée pour une seule image générée dynamiquement :

var img = new Image();
// 'load' event
$(img).on('load', function() {
  alert("image is loaded");
});
img.src = "img.jpg";

Cela fonctionnera également sur les dernières versions de Firefox et Chrome.

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!