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

Mengesan Ketersediaan Imej pada Pelayan dengan JavaScript

Soalan:

Cara menentukan secara pemrograman sama ada sumber imej wujud pada pelayan menggunakan JavaScript?

Jawapan:

Menggunakan JavaScript, anda boleh menyemak ketersediaan imej dengan memulakan permintaan HTTP menggunakan XMLHttpRequest atau memanfaatkan perpustakaan seperti jQuery.

Pertimbangkan penyelesaian berikut menggunakan XMLHttpRequest:

function imageExists(image_url) {
  const http = new XMLHttpRequest();

  http.open('HEAD', image_url, false);
  http.send();

  return http.status != 404;
}

Fungsi ini menghantar permintaan HTTP HEAD ke URL imej yang ditentukan dan menyemak sama ada status respons bukan 404 (tidak ditemui). Jika imej wujud, ia kembali benar; jika tidak, ia mengembalikan palsu.

Sebagai alternatif, anda boleh menggunakan jQuery untuk pelaksanaan ringkas:

$.get(image_url)
  .done(function() { 
    // Image exists - take appropriate action.
  })
  .fail(function() { 
    // Image doesn't exist - handle accordingly.
  });

Menggunakan teknik ini, anda boleh menyemak ketersediaan imej secara dinamik dan mengubah suai HTML anda dengan sewajarnya.

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