Wie kann ich mit JavaScript prüfen, ob ein Bild auf dem Server vorhanden ist?

Bildverfügbarkeit auf dem Server mit JavaScript erkennen

Frage:

So ermitteln Sie programmgesteuert, ob eine Bildressource vorhanden ist der Server verwendet JavaScript?

Antwort:

Mit JavaScript können Sie die Bildverfügbarkeit überprüfen, indem Sie eine HTTP-Anfrage mit XMLHttpRequest initiieren oder eine Bibliothek wie jQuery nutzen.

Betrachten Sie die folgende Lösung mit XMLHttpRequest:

function imageExists(image_url) {
  const http = new XMLHttpRequest();

  http.open('HEAD', image_url, false);
  http.send();

  return http.status != 404;
}

Diese Funktion sendet eine HTTP-HEAD-Anfrage an die angegebene Bild-URL und prüft, ob der Antwortstatus nicht 404 (nicht gefunden) ist. Wenn das Bild vorhanden ist, wird true zurückgegeben. andernfalls wird false zurückgegeben.

Alternativ können Sie jQuery für eine prägnante Implementierung verwenden:

$.get(image_url)
  .done(function() { 
    // Image exists - take appropriate action.
  })
  .fail(function() { 
    // Image doesn't exist - handle accordingly.
  });

Mit diesen Techniken können Sie dynamisch die Bildverfügbarkeit prüfen und Ihren HTML-Code entsprechend ändern.

Das obige ist der detaillierte Inhalt vonWie kann ich mit JavaScript prüfen, ob ein Bild auf dem Server vorhanden ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!