检查图像是否存在

时间:2011-12-12 15:33:16

标签: javascript jquery ajax

我使用以下代码在浏览器中刷新图像。我只想修改代码,以便首先检查图像是否存在,然后显示图像。如果图像不存在,我只会将图像刷新到以前版本的图片。有人能指出我如何使用javascript或jquery来实现这个目标吗?

<html>
    <head>
        <script language="JavaScript">
            function refreshIt(element) {
                setTimeout(function() {
                    element.src = element.src.split('?')[0] + '?' + new Date().getTime();
                    refreshIt(element);
                }, 500); // refresh every 500ms
            }
        </script>
    </head>
    <body>
        <img src="swt.png" name="myCam" onload="refreshIt(this)">
    </body>
</html>

编辑:我需要已经实现的功能和文件检查的组合。

功能性:

if image exist 
  refresh image
else 
  show cached image

1 个答案:

答案 0 :(得分:3)

这样的事情:

$('#image_id').error(function() {
  alert('Image does not exist !!');
});