Wie kann ich mit JavaScript zuverlässig prüfen, ob das Laden von Bildern erfolgreich war und ob Fehler aufgetreten sind?

So überprüfen Sie den Erfolg und die Fehler beim Laden von Bildern mit jQuery

Bei der Bearbeitung von Miniaturansichten von Bildern mit jQuery geht es sowohl um den Umgang mit erfolgreichem Laden als auch um Fehler. Obwohl die Methoden „load()“ und „error()“ von jQuery hilfreich sind, erkennen sie möglicherweise keine Probleme, die vor ihrer Registrierung auftreten.

Ein Ansatz besteht darin, die .complete-Eigenschaft des Bild-DOM-Elements zu überprüfen und sicherzustellen, dass das Bild nicht bereits geladen ist bevor jQuery-Ereignisse ausgelöst werden. Diese Methode erkennt jedoch keine Fehler, die der Ereignisregistrierung vorausgehen.

Eine effektivere Lösung besteht darin, sowohl die Eigenschaften .complete als auch .naturalWidth zu überprüfen, wie von stereochro.me vorgeschlagen:

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;
}

Diese Funktion überprüft systematisch den Erfolg des Ladens von Bildern und erkennt Fehler, die bereits vor der jQuery-Ereignisregistrierung auftreten.

Das obige ist der detaillierte Inhalt vonWie kann ich mit JavaScript zuverlässig prüfen, ob das Laden von Bildern erfolgreich war und ob Fehler aufgetreten sind?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!