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

Überprüfen der Bildverfügbarkeit auf dem Server mit JavaScript

In Webentwicklungsszenarien kann es notwendig sein, festzustellen, ob eine bestimmte Bilddatei vorhanden ist den Server, bevor Sie ihn in der Benutzeroberfläche verwenden. JavaScript bietet eine Methode zur Überprüfung der Existenz von Bildern und ermöglicht dynamische Aktualisierungen von Webseiten in Echtzeit.

Um dies zu erreichen, kann man das XMLHttpRequest-Objekt verwenden, das das Senden und Empfangen von Daten von einem Server ermöglicht mit JavaScript. Der folgende Codeausschnitt veranschaulicht, wie überprüft wird, ob ein Bild vorhanden ist:

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

Diese Funktion führt eine HTTP-HEAD-Anfrage an die angegebene Bild-URL aus. Die HEAD-Anfrage ruft nur die Header-Informationen der Ressource ab, ohne das gesamte Bild herunterzuladen. Wenn der zurückgegebene HTTP-Statuscode nicht 404 (Nicht gefunden) ist, bedeutet dies, dass das Bild auf dem Server vorhanden ist.

Alternativ kann die Verwendung von jQuery den Prozess vereinfachen:

$.get(image_url)
    .done(function() {
        // Do something now you know the image exists.
    })
    .fail(function() {
        // Image doesn't exist - do something else.
    })

Hier Beispielsweise sendet die Funktion $.get() von jQuery eine HTTP-GET-Anfrage an die Bild-URL. Wenn die Anfrage erfolgreich ist (HTTP-Statuscode ist nicht 404), wird die Rückruffunktion done() ausgeführt; andernfalls wird die Rückruffunktion fail() aufgerufen.

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