javascript - Pourquoi Firefox n'affiche-t-il pas l'espace réservé à l'image dont le chargement a échoué?

Question

404 pour le chargement des images sur la page, un espace réservé pour l'échec du chargement sera affiché sous Chrome 和 IE (comme indiqué sur l'image), afin que l'utilisateur puisse voir directement que l'image n'a pas pu se charger, mais pourquoi Firefox n'affiche-t-il pas un message similaire espace réservé ?

Answer 1

Firefox est spécial, vous pouvez essayer la méthode d'activation suivante
Entrez about:config dans la barre d'adresse pour trouver browser.display.showimageplaceholders et définissez la valeur sur true

De plus, il est préférable de ne pas utiliser d'espaces réservés si l'image ne s'affiche pas. Vous pouvez essayer plusieurs méthodes pour donner l'image par défaut lorsque l'image ne se charge pas.

première méthode

Méthode de chargement paresseux, déterminez si la vraie image est chargée avec succès avant l'affectation src

méthode2

Une petite quantité de conversion d'images

`<img src='real.jpg' alt='test' onerror="this.src='default.jpg'">
`

Conversion d'images par lots

  $('img').error(function(){
            $(this).attr('src', "default.jpg");
         });

Answer 2

Firefox affiche directement le contenu en alt, et n'a pas d'image par défaut comme IE/Chrome