如何使用 JavaScript 检查服务器上是否存在图像？

使用 JavaScript 检测服务器上的图像可用性

通常需要验证服务器上资源（例如图像）是否存在。在本文中，我们将探讨如何使用 JavaScript 检查服务器上是否存在图像。

解决方案：

要确定服务器上是否存在图像，我们可以利用 JavaScript 的 XMLHttpRequest (XHR) 对象发送 HEAD 请求。 HEAD 请求检索指定资源的 HTTP 标头，而不下载实际内容。如果 HTTP 状态代码不是 404（未找到），则表明该图像存在于服务器上。

实现此解决方案的一种方法是：

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

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

  return http.status != 404;
}

使用 jQuery，您可以可以简化解决方案：

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

示例：

要使用此方法，您可以将您的暂存代码替换为：

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

以上是如何使用 JavaScript 检查服务器上是否存在图像？的详细内容。更多信息请关注PHP中文网其他相关文章！