如何将当前的默认图像Url加载失败

时间:2013-07-02 07:56:18

标签: javascript html html5

您好我正在使用常规img:

<img border="0" title="Sterling Silver Jesus Name Necklace" src="http://www.myengravedjewelry.com/images/products/101-01-071-02_medium.jpg" alt="0">

我只想放置另一个url以防万一这个url加载失败 一些如何检查这个网址是否比改变它(使用javascript)

3 个答案:

答案 0 :(得分:3)

使用属性onerror

<img src="bad_src.jpg" onerror="this.src='good_src.jpg'">

答案 1 :(得分:1)

你可以使用这样的方法

的javascript

function img404(img) {
    img.onerror = "";
    img.src = "default.jpg";
    return true;
}

HTML

<img src="image.png" onerror="img404(this);"/>

答案 2 :(得分:0)

HTML中没有这样的方法。您可以使用PHP等一些后端语言进行控制。

类似的东西:

if(!file_exists($filepath)) {
    $src = 'http://site.com/def.jpg';
}

此外,在ALT标签或图像中使用正确的图像描述。