如果未找到图像，javascript不显示图像占位符

Question

如果找不到图像，有没有办法显示图像占位符？我有通过自动Feed加载的图像，对于某些项目图像在那里，但对于一些项目没有。所以，如果图像不存在，我想显示占位符。

谢谢

^h

Answer 1

我找到了答案here

这段代码的伟大工程！

function onImgErrorSmall(source) 
{ 
source.src = "/images/no-image-100px.gif"; 
// disable onerror to prevent endless loop 
source.onerror = ""; 
return true; 
} 

然后调用它像这样：

<img src="/images/19013_small.jpg" alt="" onerror="onImgErrorSmall(this)" /> 

Answer 2

试试这个：如果图像存在

var tester=new Image() 
    tester.onload=function() {createPlaceHolderForImage(); } 
    tester.onerror=function() {handleError(); } 
    tester.src="http://www.temp.com/image.jpg" 

的onload函数被调用，否则的HandleError是使用jQuery的一个样本称为

Answer 3

这里，这也可以在JavaScript中完成：

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("img").each(function(){ 
     var imgObj = $(this); 
     var img = new Image(); 
     img.onerror=function(){ imgObj.attr('src','placeholder.gif'); } 
     img.src = imgObj.attr('src'); 
    }); 
}); 
</script> 
<ul> 
<li><img src="blah.gif" /></li> 
<li><img src="blah.png" /></li> 
<li><img src="http://www.google.com/intl/en_com/images/srpr/logo2w.png" /></li> 
</ul> 

该代码将遍历每个图像并检查它是否存在。如果它不存在，则将其替换为“placeholder.gif”图像。