Bagaimanakah saya boleh menyemak sama ada Imej Wujud pada Pelayan Menggunakan JavaScript?

Mengesan Ketersediaan Imej pada Pelayan dengan JavaScript

Ia selalunya perlu untuk mengesahkan kewujudan sumber, seperti imej, pada pelayan. Dalam artikel ini, kami akan meneroka cara untuk menyemak sama ada imej wujud pada pelayan menggunakan JavaScript.

Penyelesaian:

Untuk menentukan sama ada imej hadir pada pelayan, kami boleh memanfaatkan XMLHttpRequest JavaScript (XHR) untuk menghantar permintaan HEAD. Permintaan HEAD mendapatkan semula pengepala HTTP untuk sumber tertentu tanpa memuat turun kandungan sebenar. Jika kod status HTTP bukan 404 (tidak ditemui), ia menunjukkan bahawa imej itu wujud pada pelayan.

Salah satu cara untuk melaksanakan penyelesaian ini ialah:

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

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

  return http.status != 404;
}

Menggunakan jQuery, anda boleh memudahkan penyelesaian:

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

Contoh:

Untuk menggunakan kaedah ini, anda boleh menggantikan kod calar anda dengan:

if (imageExists("../imgs/6.jpg")) {
  var nImg = document.createElement("img6");
  nImg.src = "../imgs/6.jpg";
}

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