检查图像是否存在而不加载它

检查图像是否存在而不加载它

本文介绍了检查图像是否存在而不加载它的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

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.

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

08-18 15:44