在<img/>标记上捕获未知图片并设置默认图像

Question

我有这个图片标记：

<img id="viewerofinstore" src="{{filteredArray[imageIndex]}}" 
onError="this.style.visibility = 'hidden'"   
onload="this.style.visibility = 'visible'"  width="297px" height="297px" />

src图像每秒都会与其他图像一起更改，但在某些情况下，图像会出现故障并显示未知图像。

我添加了"onError="this.style.visibility = 'hidden'"但有时我可以在隐藏之前看到未知图像一秒钟。

我希望在显示之前捕捉未知图像并放置默认图像或隐藏图像。

Answer 1

你可以默认隐藏img，只有在正确加载时才能显示它。

<img id="viewerofinstore" src="{{filteredArray[imageIndex]}}" style="visibility:hidden"   
onload="this.style.visibility = 'visible'"  width="297px" height="297px" />