前端是否有办法判断img的图无法加载？

Question

想让如果图裂了就display:none或者替换显示为默认图片，是否存在一个html的属性，或者css，可以判断图片裂了？（非alt属性）

Answer 1

onerror：监听图片是否加载失败(网络卡或者图片不存在)时触发该事件。

比如，当图片加载失败时，替换成另一张图片，如下：

<!-- 切忌onerror里替换的src图片一定要存在，不然就死循环的在判断与替换图片 -->
<img src="images/logo.png" onerror="this.src='images/fail.png'">