Wie kann ich mit jQuery oder JavaScript die Existenz einer Serverdatei überprüfen?

So stellen Sie das Vorhandensein einer Serverdatei mithilfe von jQuery oder JavaScript fest

Das Überprüfen des Vorhandenseins einer Serverdatei ist eine häufige Aufgabe in Webentwicklung. jQuery und JavaScript bieten einfache Lösungen, um dies zu erreichen:

jQuery-Methode:

jQuery verwendet eine Ajax-Anfrage mit der HEAD-Methode, die eine Anfrage zum Abruf an den Server sendet Metadaten über die Datei, ohne deren Inhalt tatsächlich herunterzuladen. Wenn der Server einen Fehler zurückgibt (z. B. 404), existiert die Datei nicht. Andernfalls ist dies der Fall.

$.ajax({
    url:'http://www.example.com/somefile.ext',
    type:'HEAD',
    error: function() {
        //file not exists
    },
    success: function() {
        //file exists
    }
});

Reine JavaScript-Methode (ohne jQuery):

Diese Methode verwendet das XMLHttpRequest-Objekt, um eine HEAD-Anfrage zu senden. Der Statuscode 404 zeigt an, dass die Datei nicht vorhanden ist. Jeder andere Statuscode deutet auf seine Existenz hin.

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

Aktualisierter Ansatz für die asynchrone Ausführung:

Da synchrones XMLHttpRequest veraltet ist, kann eine asynchrone Dienstprogrammmethode verwendet werden:

function executeIfFileExist(src, callback) {
    var xhr = new XMLHttpRequest()
    xhr.onreadystatechange = function() {
        if (this.readyState === this.DONE) {
            callback()
        }
    }
    xhr.open('HEAD', src)
}

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery oder JavaScript die Existenz einer Serverdatei überprüfen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!