ALT属性

Question

场景：

<img src="filepath" alt="image not found"> 

这将确保，如果文件没有路径，则文本会被加载发现.....

问题： 而不是一个替代文字可以加载图像？是否有任何标签将随时为我的目的，是否有任何自定义JavaScript函数可以在#alt标签？

Answer 1

有一个特殊的事件，让你做到这一点。它是：

<img src="" onerror="this.src='path/to/default'" /> 

Answer 2

您可以检查图像中的JavaScript加载：

var img = document.getElementById('image'); 
if (img.complete && img.naturalWidth == 0) { 
    // some error, load alternate image: 
    img.src = "path to alternative img"; 
} 

---

编辑：完整的解决方案（使用onerror从@ JoDev的答案）是：

<script> 
function validate (img) { 
    // Clear the callback to avoid infinite loop in case 
    // new image path would be also invalid. 
    img.onerror = null; 

    if (img.complete && img.naturalWidth == 0) { 
    // some error, load alternate image: 
    img.src = "http://example.com/valid_path.png"; 
    } 
} 
</script> 

<img onerror="javascript:validate(this);" 
    src="http://example.com/some_invalid_path.png"/>