有没有办法判断图像src是否在javascript中返回null？

Question

在javascript中是否有测试图像的src是否实际上是在击中真实文件？

我的想法是，在DOM构造中的某个时刻，浏览器必须意识到文件位置没有返回真实文件，因为它默认为损坏的文件。

Answer 1

是的，您可以将onerror事件用于图像元素。

Answer 2

我在我的库中用于此事件的功能：

function onImageError (source) {
    //NOTE: Image Error function 
    //Useage: <img src="" onerror="onImgError(this)" />

    source.src = "/public/images/global/backup_product.jpg"; // location of sample/error image
    source.onerror = ""; // disable onerror to prevent endless loop
    return true;
}