我在html中有这段代码:
<img style="width:69px; height:69px;" src="image.jpg" onerror="imgError(this);" onload="checkWidth(this)" />
的javascript:
function imgError(image) {
image.onerror = "";
image.src = "http://d2g2how19l5vuk.cloudfront.net/website/no_photo.png";
return true;
}
function checkWidth(source){
/*if(source.width === 0){
source.src = "http://d2g2how19l5vuk.cloudfront.net/website/no_photo.png";
}*/
var badImg = new Image();
badImg.src = "http://d2g2how19l5vuk.cloudfront.net/website/no_photo.png";
var cpyImg = new Image();
cpyImg.src = source.src;
if(!cpyImg.width)
{
source.src = badImg.src;
}
}
它只适用于chrome,没有firefox,没有safari。 javascript代码位于html的头部,它可以处理使用ajax加载的图像。