Wie kann ich mithilfe von JavaScript prüfen, ob ein Bild auf einem Server vorhanden ist?

Überprüfen der Bildexistenz auf einem Server mit JavaScript

Wenn Sie feststellen müssen, ob auf einem Server auf einer Webseite auf ein bestimmtes Bild zugegriffen werden kann geladen mit Bildern 1.jpg bis 5.jpg, JavaScript kann sein hilfreich.

Lösung:

Mit dem folgenden Ansatz können Sie eine JavaScript-Funktion erstellen, die jede Minute prüft, ob ein Bild vorhanden ist:

1. Verwenden Sie das XMLHttpRequest-Objekt:

   function imageExists(image_url){
    var http = new XMLHttpRequest();
    http.open('HEAD', image_url, false);
    http.send();
    return http.status != 404;
   }

Diese Funktion stellt eine HTTP-HEAD-Anfrage an die Bild-URL und prüft, ob der Server mit einem 404-Status antwortet, was darauf hinweist, dass das Bild nicht existiert.

2. Alternativ können Sie jQuery oder eine andere ähnliche Bibliothek verwenden:

   $.get(image_url)
    .done(function() { 
        // Perform some action if the image exists.
   
    }).fail(function() { 
        // Perform an alternative action if the image does not exist.
   
    })

Mit der jQuery-Methode können Sie eine asynchrone GET-Anfrage stellen und verschiedene auszuführende Aktionen angeben abhängig von der Antwort des Servers.

Durch die Implementierung einer dieser Techniken können Sie diese Informationen in Ihrem JavaScript-Code abrufen und so das Laden Ihrer Bilder basierend auf ihrer Verfügbarkeit auf dem Server dynamisch verwalten.

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