Bagaimana untuk Semak sama ada Imej Wujud pada Pelayan Menggunakan JavaScript?

Mengesahkan Kewujudan Imej pada Pelayan dengan JavaScript

Jika anda perlu menentukan sama ada imej tertentu boleh diakses pada pelayan dalam halaman web dimuatkan dengan imej 1.jpg hingga 5.jpg, JavaScript boleh membantu.

Penyelesaian:

Pendekatan berikut membolehkan anda mencipta fungsi JavaScript yang menyemak imej kewujudan setiap minit:

1. Gunakan objek XMLHttpRequest:

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

Fungsi ini membuat permintaan HTTP HEAD ke URL imej dan menyemak sama ada pelayan bertindak balas dengan status 404, menunjukkan imej tidak wujud.

2. Sebagai alternatif, gunakan jQuery atau perpustakaan lain yang serupa:

   $.get(image_url)
    .done(function() { 
        // Perform some action if the image exists.
   
    }).fail(function() { 
        // Perform an alternative action if the image does not exist.
   
    })

Menggunakan kaedah jQuery, anda boleh membuat permintaan GET tak segerak dan menentukan tindakan yang berbeza untuk dilaksanakan bergantung pada respons pelayan.

Dengan melaksanakan salah satu teknik ini, anda boleh mendapatkan maklumat ini dalam kod JavaScript anda, membenarkan anda untuk mengurus pemuatan imej anda secara dinamik berdasarkan ketersediaannya pada pelayan.

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