如何在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>