javascript - 如果当前无法加载，如何放置默认的 img Url

Question

您好，我正在使用常规 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 无法加载一些如何检查这个 url 是否坏而不是更改它（使用 javascript）

Answer 1

使用属性 onerror

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

Answer 2

你可以使用这样的方法

javascript

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

html

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

Answer 3

HTML 中没有这样的方法。您可以通过 PHP 等后端语言进行控制。

就像是：

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

此外，在 ALT 标记或图像中使用适当的图像描述。