Bagaimanakah Saya Boleh Semak Kewujudan Fail Pelayan Menggunakan jQuery atau JavaScript?

Cara Memastikan Kewujudan Fail Pelayan Menggunakan jQuery atau JavaScript

Menyemak kehadiran fail pelayan adalah tugas biasa dalam pembangunan web. jQuery dan JavaScript menawarkan penyelesaian mudah untuk mencapai ini:

Kaedah jQuery:

jQuery menggunakan permintaan Ajax dengan kaedah HEAD, yang menghantar permintaan kepada pelayan untuk mendapatkan semula metadata tentang fail tanpa memuat turun kandungannya sebenarnya. Jika pelayan mengembalikan ralat (cth., 404), fail itu tidak wujud; jika tidak, ia berlaku.

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

Kaedah JavaScript Tulen (tanpa jQuery):

Kaedah ini menggunakan objek XMLHttpRequest untuk menghantar permintaan HEAD. Kod status 404 menunjukkan bahawa fail itu tidak wujud; mana-mana kod status lain mencadangkan kewujudannya.

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

Pendekatan Kemas Kini untuk Pelaksanaan Asynchronous:

Oleh kerana XMLHttpRequest segerak ditamatkan, kaedah utiliti tak segerak boleh digunakan:

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Semak Kewujudan Fail Pelayan Menggunakan jQuery atau JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!