HTML img的为空的问题

Question

请大佬看过来 我想问的是 可以设置 img为空的时候 那个默认的破损图片的样式吗？

Answer 1

可以 img 有onerror事件
vue这么写

<img src="a.gif" onerror='this.src="default.gif" />

$('img').error(function(){
    $(this).attr('src',"default.gif");
})

Answer 2

非得用img标签的话 那就 onerror事件 在加载图像的过程中如果发生了错误，就会触发onerror事件。可以使用一张透明的图片来显示 然后你的背景可以覆盖

你为什么不考虑别的标签 都可以使用background

Answer 3

<img src="a.png" onerror=src="b.png">

Answer 4

<img src="" alt="" style="height: 100px;width: 100px; display: inline-block;">

找到答案了 谢谢