如何检测我的情况下是否存在图像文件？ [复制]答案

【问题标题】：how to detect if the image file exists in my case? [duplicate]如何检测我的情况下是否存在图像文件？ [复制]
【发布时间】：2014-03-09 21:23:33
【问题描述】：

我有一系列类似下面的图片

image1.png
image2.png
image3.png
image4.png
…
…
image20.png



secondImg1.png
secondImg2.png
secondImg3.png
secondImg4.png
secondImg5.png
…….
……..
secondImg18.png

我想一次动态加载 1 张图片。

我的js

var index = 1;
var timer = setInterval(function(){playAnime()},200);

function playAnime(){
    $('#holder').attr('src','image/image' + index + 'png')
    index++
}

我的代码显示了它的工作原理，但我不确定如何在 20 和 18 处停止索引以停止动画。（我可以使用if 语句来检查它是 20 还是 18，但我认为有更好的方法）

基本上，我想检测我的应用是否加载image21.png and secondImg19.png 并停止，因为没有这样的文件或图像损坏。这是可行的吗？感谢您的帮助！

【问题讨论】：

您可以根据链接使用 ajax HEAD 请求、load() 事件或 error() 事件绑定来实现您要查找的内容。

标签： javascript jquery html css

【解决方案1】：

您可以使用.error() 事件处理程序

$('#holder').attr('src', 'image/image' + index + 'png').error(function () {
    //Image does not exists do something
});

来自Docs

错误事件被发送到由文档引用并由浏览器加载的元素，例如图像。如果元素未正确加载，则调用它。

【讨论】：