最开始的 img
<img src="image/people.png" style="width: 100px;height: 100px;"> <img src="image/default.png" style="width: 100px;height: 100px;"> 讯享网
讯享网
图片找不到时，界面上会显示图片裂开了
讯享网<img src="image/people1.png" style="width: 100px;height: 100px;">
这时候，我们想避免这种情况，当图片找不到时，显示一张默认图片
<img src="image/people1.png" onerror="this.src='image/default.png';" style="width: 100px;height: 100px;"> 
可以看到，图片加载出错时，会调用 onerror，将图片的 src 设置成默认图片的 src 。
图片能找到时，也能够正常显示
讯享网<img src="image/people.png" onerror="this.src='image/default.png';" style="width: 100px;height: 100px;">
但是当图片加载出问题，默认图片也出问题时，会死循环
<img src="image/people1.png" onerror="this.src='image/default1.png';" style="width: 100px;height: 100px;"> 
更改 onerror 设置即可解决死循环问题
讯享网<img src="image/people1.png" onerror="this.src='image/default1.png';this.onerror=null;" style="width: 100px;height: 100px;">
所以，最终的方法就是
<img src="图片的url" onerror="this.src='默认图片的url';this.onerror=null;">
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/70525.html