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
Freigeben: 2024-12-06 10:58:11
Original
444 Leute haben es durchsucht

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
    }
});
Nach dem Login kopieren

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;
}
Nach dem Login kopieren

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();
}
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage