Heim >Web-Frontend >js-Tutorial >Wie überprüfe ich mit jQuery und JavaScript die Existenz einer Datei?

Wie überprüfe ich mit jQuery und JavaScript die Existenz einer Datei?

Barbara Streisand
Barbara StreisandOriginal
2024-12-06 10:58:11472Durchsuche

How to Check for File Existence Using jQuery and JavaScript?

Erkennen der Dateiexistenz mit jQuery und JavaScript

Die Feststellung, ob eine Serverdatei vorhanden ist, ist für verschiedene Webanwendungen von entscheidender Bedeutung. So bewältigen Sie diese Aufgabe mit jQuery und reinem JavaScript:

jQuery-Ansatz

jQuery erleichtert die Überprüfung der Dateiexistenz:

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

Reiner JavaScript-Ansatz

Für reines JavaScript bietet XMLHttpRequest eine Alternative:

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

Diese Methode Prüft den 404-Status (Datei nicht gefunden).

Hinweis: Asynchronous XMLHttpRequest ist veraltet. Um es asynchron zu implementieren, beachten Sie Folgendes:

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

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn