JS检查是否找不到img

Question

所以，我有以下js img var。

//Where `img_src` is another variable which actual image file MIGHT or MIGHT NOT exist.
var img_source = "/images/" + img_src;   
return '<img  src="' + img_source + '">';    

由于img_src可能会或可能不会出现，有时我会收到404 Not Found错误。

如果没有图像，那么我想执行另一个功能。

在这种情况下，如何检查图像文件是否可用？

如果图像不可用，我试图避免一起显示img属性。谢谢！

Answer 1

你可以像这样使用后备img;

<img onerror="this.onerror=null; this.src='img/fallback.png'" />

要隐藏元素，你可以这样做;

<img onerror="this.onerror=null; this.style.display = 'none'" />