Bagaimana untuk Mengesahkan jika Imej Wujud pada Pelayan dengan JavaScript?

Mengesahkan Ketersediaan Imej pada Pelayan dengan JavaScript

Dalam senario pembangunan web, mungkin perlu untuk menentukan sama ada fail imej tertentu wujud pada pelayan sebelum menggunakannya dalam antara muka pengguna. JavaScript menyediakan kaedah untuk menyemak kewujudan imej, membolehkan kemas kini dinamik dan masa nyata ke halaman web.

Untuk mencapai ini, seseorang boleh menggunakan objek XMLHttpRequest, yang membolehkan penghantaran dan penerimaan data daripada pelayan menggunakan JavaScript. Coretan kod berikut menggambarkan cara menyemak sama ada imej wujud:

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

Fungsi ini melaksanakan permintaan HTTP HEAD ke URL imej yang ditentukan. Permintaan HEAD hanya mendapatkan maklumat pengepala sumber, tanpa memuat turun keseluruhan imej. Jika kod status HTTP yang dikembalikan bukan 404 (Tidak Ditemui), ia menunjukkan bahawa imej itu wujud pada pelayan.

Sebagai alternatif, menggunakan jQuery boleh memudahkan proses:

$.get(image_url)
    .done(function() {
        // Do something now you know the image exists.
    })
    .fail(function() {
        // Image doesn't exist - do something else.
    })

Dalam ini contoh, fungsi $.get() jQuery menghantar permintaan HTTP GET ke URL imej. Jika permintaan berjaya (kod status HTTP bukan 404), fungsi panggil balik done() dilaksanakan; jika tidak, fungsi panggil balik fail() digunakan.

Atas ialah kandungan terperinci Bagaimana untuk Mengesahkan jika Imej Wujud pada Pelayan dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!