Comment vérifier l'existence d'un fichier à l'aide de jQuery et JavaScript ?

Détection de l'existence d'un fichier à l'aide de jQuery et JavaScript

Déterminer si un fichier serveur existe est crucial pour diverses applications Web. Voici comment accomplir cette tâche à l'aide de jQuery et de JavaScript pur :

Approche jQuery

jQuery facilite la vérification de l'existence des fichiers :

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

Approche JavaScript pure

Pour du JavaScript pur, XMLHttpRequest propose une alternative :

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

Cette méthode vérifie Statut 404 (fichier introuvable).

Remarque : XMLHttpRequest asynchrone est obsolète. Pour l'implémenter de manière asynchrone, considérez ce qui suit :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!