Wie kann ich in jQuery zuverlässig überprüfen, ob ein Bild geladen wurde, einschließlich Fehlerbehandlung?

jQuery: Überprüfen, ob ein Bild geladen ist (Behandlung von Fehlern)

In jQuery können Sie mithilfe des Ladevorgangs überprüfen, ob ein Bild geladen ist ()- und error()-Ereignisse. Es gibt jedoch eine Einschränkung, wenn ein Fehler auftritt, bevor jQuery diese Ereignisse registriert.

Um dieses Problem zu beheben, können Sie die vollständige Eigenschaft des Bildes überprüfen, um sicherzustellen, dass es nicht bereits geladen wurde, bevor jQuery reagieren konnte. Dieser Ansatz erkennt jedoch keine Fehler, die auftreten, bevor die Ereignisse registriert werden.

Lösung:

Eine robustere Lösung besteht darin, sowohl die Complete- als auch die NaturalWidth-Eigenschaften in zu überprüfen folgende Reihenfolge:

function IsImageOk(img) {
  // Check if the image is complete
  if (!img.complete) {
    return false;
  }

  // Check if the image has a valid natural width
  if (img.naturalWidth === 0) {
    return false;
  }

  // Assume the image is okay
  return true;
}

Indem Sie zunächst die Vollständigkeit prüfen, können Sie schnell feststellen, ob das Bild bereits geladen wurde. Ist dies nicht der Fall, überprüfen Sie naturalWidth, das die wahre Größe des Bildes angibt. Wenn der Wert Null ist, konnte das Bild nicht geladen werden. Dieser Ansatz stellt sicher, dass sowohl Ladeerfolge als auch Fehler vor der jQuery-Ereignisregistrierung erkannt werden.

Das obige ist der detaillierte Inhalt vonWie kann ich in jQuery zuverlässig überprüfen, ob ein Bild geladen wurde, einschließlich Fehlerbehandlung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!