如何在javascript中隐藏损坏的图像？

Question

我的图像在if语句中：

if (item.image)
   historyHtml += '<a href=' + item.image + ' class="image" target="_blank"><img src="' + item.image +'" width="111px"/></a>';

Answer 1

您可以使用onerror处理程序。在内联形式中，它看起来像这样：

<img src="someimage.jpg" onerror="this.style.display='none';" />

Answer 2

正如@piskvor所说，实际上在img标签中加载图像是查明URL是否损坏的唯一方法。如果加载失败，error事件将被触发。

但是看看你的代码，也许相反的方法最有意义：默认隐藏<a>，并在图像的onload事件中显示它。

删节：

<a href=".." id="image228" style="display: none">
 <img src="..." onload="this.parentNode.style.display = 'block'">
</a>