检查图像是否存在而不加载它 [英] Check if image exists without loading it

问题描述

我目前在悬停功能中使用以下脚本：

I am currently using following script in a hover-functionality:

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

它会逐个加载每张图片，导致整个网站变慢（甚至崩溃）。

It loads every image each after the other, causing to slow down the entire website (or even crashing).

有没有办法检查图片是否存在，但阻止加载 （完全）使用javascript？

Is there a way to check if an image exists, though prevent loading it (fully) using javascript?

非常感谢！

推荐答案

JavaScript（以及jQuery）是客户端的，图像在加载之前驻留在服务器端，没有办法在不使用Ajax或服务器端脚本的情况下检查图像是否存在以确保图像存在。

Since JavaScript (and therefore jQuery) is client-side and the image resides server-side before loading there is no way to check to see if the image exists without using Ajax or your server-side scripting to make sure the image exists.

这篇关于检查图像是否存在而不加载它的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！