Comment puis-je vérifier de manière fiable le chargement réussi des images et les erreurs avec JavaScript ?

Comment vérifier le succès et les erreurs de chargement d'images avec jQuery

La manipulation des vignettes d'images avec jQuery implique de gérer à la fois le chargement réussi et les erreurs. Bien que les méthodes load() et error() de jQuery soient utiles, elles peuvent ne pas détecter les problèmes qui surviennent avant leur enregistrement.

Une approche consiste à vérifier la propriété .complete de l'élément DOM de l'image, en s'assurant que l'image n'est pas déjà chargée. avant de déclencher des événements jQuery. Cependant, cette méthode ne parvient pas à détecter les erreurs précédant l'enregistrement de l'événement.

Une solution plus efficace consiste à vérifier à la fois les propriétés .complete et .naturalWidth, comme suggéré par Stereochro.me :

function IsImageOk(img) {
    // Check for incomplete images
    if (!img.complete) {
        return false;
    }

    // Check for zero width in failed images
    if (img.naturalWidth === 0) {
        return false;
    }

    // Assume image is valid
    return true;
}

Cette fonction vérifie systématiquement le succès du chargement de l'image et détecte les erreurs qui surviennent avant même l'enregistrement de l'événement jQuery.

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!