Bagaimana untuk Semak Kewujudan Fail Menggunakan jQuery dan JavaScript?

Mengesan Kewujudan Fail Menggunakan jQuery dan JavaScript

Menentukan sama ada fail pelayan wujud adalah penting untuk pelbagai aplikasi web. Begini cara untuk menangani tugas ini menggunakan jQuery dan JavaScript tulen:

Pendekatan jQuery

jQuery memudahkan untuk menyemak kewujudan fail:

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

Pendekatan JavaScript Tulen

Untuk JavaScript tulen, XMLHttpRequest menawarkan alternatif:

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

Kaedah ini menyemak status 404 (fail tidak ditemui).

Nota: XMLHttpRequest Asynchronous ditamatkan. Untuk melaksanakannya secara tidak segerak, pertimbangkan perkara berikut:

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

Atas ialah kandungan terperinci Bagaimana untuk Semak Kewujudan Fail Menggunakan jQuery dan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!