如何使用jquery知道图像存在

时间:2012-11-14 11:07:18

标签: jquery

我有src的image属性。我想知道当我从服务器删除图像时它应该显示alt属性中不存在的图像。否则它应该显示图像。我正在使用警报对此进行测试,但不知道要使用哪个关键字。

<head>
<script type="text/javascript">
$(function(){
alert($('img').attr('src'))     
})
</script>
</head>
<body>
<img src="http://cdn1.iconfinder.com/data/icons/momenticons-gloss-basic/momenticons-gloss-basic/32/information2.png" />
</body>

2 个答案:

答案 0 :(得分:5)

如果img元素src返回404(或200以外的任何其他http结果),则会引发您可以捕获的error事件。

试试这个:

$("img").error(function(){
    $(this).hide(); // hide image
    // or you can display a generic 'not found' image
});

答案 1 :(得分:5)

jQuery允许您为这些情况绑定错误事件处理程序。

您可以执行以下操作:

$('img').error(function(){ $(this).hide(); }).attr('alt', 'Does not exist');

编辑:您可以在此处阅读更多内容:http://api.jquery.com/error/