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

使用 JavaScript 验证服务器上的图像是否存在

如果您需要确定网页中的服务器上是否可以访问特定图像加载图像 1.jpg 到 5.jpg，JavaScript 会很有帮助。

解决方案：

以下方法允许您创建一个检查图像的 JavaScript 函数每分钟都存在：

1. 利用 XMLHttpRequest 对象：

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

   登录后复制

此函数向图像 URL 发出 HTTP HEAD 请求，并检查是否存在服务器响应 404 状态，表明图像不存在。

2. 或者，使用 jQuery 或其他类似的库：

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

   登录后复制

使用 jQuery 方法，您可以发出异步 GET 请求，并根据服务器的响应指定要执行的不同操作。

通过实现其中一种技术，您可以在 JavaScript 代码中检索此信息，从而允许您可以根据服务器上的可用性动态管理图像加载。

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