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

使用 JavaScript 验证服务器上的图像可用性

在 Web 开发场景中，可能需要确定特定图像文件是否存在于服务器上在用户界面中使用服务器之前。 JavaScript 提供了一种检查图像是否存在的方法，从而能够动态实时更新网页。

要实现这一点，可以利用 XMLHttpRequest 对象，该对象允许从服务器发送和接收数据使用 JavaScript。以下代码片段说明了如何检查图像是否存在：

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

此函数对指定图像 URL 执行 HTTP HEAD 请求。 HEAD请求仅检索资源的标头信息，而不下载整个图像。如果返回的 HTTP 状态代码不是 404（Not Found），则表明服务器上存在该图像。

或者，使用 jQuery 可以简化该过程：

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

在此例如，jQuery 的 $.get() 函数向图像 URL 发送 HTTP GET 请求。如果请求成功（HTTP状态码不是404），则执行done()回调函数；否则，将调用fail()回调函数。

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