Wie kann ich mithilfe von jQuery und JavaScript die Dateiexistenz auf einem Server überprüfen?

Überprüfen der Dateiexistenz mit jQuery und JavaScript

Die Feststellung der Existenz einer Datei auf einem Server ist in verschiedenen Webentwicklungsszenarien von entscheidender Bedeutung. Dieser umfassende Leitfaden führt Sie durch zwei praktische Ansätze: die Verwendung von jQuery und reinem JavaScript.

jQuery-Methode

jQuery bietet eine elegante Methode zum Überprüfen der Dateiexistenz mithilfe von XHR mit dem HEAD-Anfragetyp. Der folgende Code demonstriert diesen Ansatz:

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

Reine JavaScript-Methode

Ohne jQuery bietet reines JavaScript eine ähnliche Funktion mithilfe des XMLHttpRequest-Objekts. Hier ist eine effektive Implementierung:

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

Beachten Sie, dass der obige Code nach einem 404-HTTP-Statuscode sucht. Um einen erfolgreichen Statuscode (z. B. 200) zu überprüfen, nehmen Sie die folgende Änderung vor:

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

Asynchrone Alternative für JavaScript

Da synchrones XMLHttpRequest veraltet ist, berücksichtigen Sie Folgendes Folgende asynchrone Dienstprogrammmethode:

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 mithilfe von jQuery und JavaScript die Dateiexistenz auf einem Server überprüfen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!