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

Erkennen der Bildverfügbarkeit auf einem Server mit JavaScript

Oft ist es notwendig, die Existenz einer Ressource, beispielsweise eines Bildes, auf einem Server zu überprüfen. In diesem Artikel erfahren Sie, wie Sie mithilfe von JavaScript überprüfen, ob ein Bild auf einem Server vorhanden ist.

Lösung:

Um festzustellen, ob ein Bild auf dem Server vorhanden ist, können wir XMLHttpRequest von JavaScript nutzen (XHR)-Objekt zum Senden einer HEAD-Anfrage. Die HEAD-Anfrage ruft die HTTP-Header für eine angegebene Ressource ab, ohne den eigentlichen Inhalt herunterzuladen. Wenn der HTTP-Statuscode nicht 404 (nicht gefunden) lautet, bedeutet dies, dass das Bild auf dem Server vorhanden ist.

Eine Möglichkeit, diese Lösung zu implementieren, ist:

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

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

  return http.status != 404;
}

Mit jQuery können Sie kann die Lösung vereinfachen:

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

Beispiel:

Um diese Methode zu verwenden, können Sie Ihren Scratch-Code ersetzen mit:

if (imageExists("../imgs/6.jpg")) {
  var nImg = document.createElement("img6");
  nImg.src = "../imgs/6.jpg";
}

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