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

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

检查服务器上是否存在资源在许多 Web 应用程序中至关重要，例如动态加载图像。让我们探索如何使用 JavaScript 来完成此任务。

问题：

您的 HTML 页面中嵌入了多个图像（例如，1.jpg 到 5.jpg），并且想要定期检查服务器上是否有其他图像（例如 6.jpg）可用。为此，您需要每分钟调用一个 JavaScript 函数来执行以下检查：

if "../imgs/6.jpg" exists:
    var nImg = document.createElement("img6");
    nImg.src = "../imgs/6.jpg";

解决方案：

检查图像是否存在于服务器，您可以使用以下 JavaScript 代码：

function imageExists(image_url){

    var http = new XMLHttpRequest();

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

    return http.status != 404;

}

说明：

此代码片段使用 XMLHttpRequest 对象向指定图像发送 HTTP HEAD 请求网址。 HEAD 请求返回与资源关联的 HTTP 状态代码，指示该资源是否存在。状态代码 200 或 304 表示资源存在，而 404 状态代码表示资源不存在。

或者，您可以使用 jQuery 实现：

$.get(image_url)
    .done(function() { 
        // Do something now you know the image exists.

    }).fail(function() { 
        // Image doesn't exist - do something else.

    })

此 jQuery 方法也可以执行 HTTP GET 请求并根据服务器的响应执行指定的回调。

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