Pourquoi l'attribut « onerror » pour les images échoue-t-il parfois dans Chrome et Mozilla ?

Gestion des images cassées avec l'attribut onerror

Le code HTML L'élément fournit un attribut onerror qui permet aux développeurs de spécifier une image alternative ou une action à entreprendre si l'image principale ne parvient pas à se charger. Cependant, des utilisateurs ont signalé avoir rencontré des problèmes avec cet attribut dans certains navigateurs comme Chrome et Mozilla.

Pour résoudre ce problème, il est recommandé d'utiliser la structure de code suivante :

<code class="html"><img src="invalid_link"
     onerror="this.onerror=null;this.src='https://placeimg.com/200/300/animals';"
></code>

Ce code fonctionne en définissant le gestionnaire d'erreur sur null après le premier déclenchement. Cela évite une boucle infinie d'événements d'erreur au cas où l'URL de sauvegarde serait également invalide.

Démo en direct : http://jsfiddle.net/oLqfxjoz/

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!