错误的图像javascript无法在不同的浏览器上运行

时间:2014-02-10 17:27:50

标签: javascript html image onerror

我在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加载的图像。

0 个答案:

没有答案