情景分析:有时,img标签中的src图片加载失败,原来的图片位置会出现一个碎片图标,用户体验会下降。
这个要借用img标签的onerror事件和javascript,img标签支持onerror 事件,在装载文档或图像的过程中如果发生了错误,就会触发onerror事件。可以使用一张提示错误的图片代替显示不了的图片。代码如下:
<img src="images/logo.png" onerror="javascript:this.src='images/logoError.png;'">
当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个logoError.png图片。也就是说图片存在则显示logo.png,图片不存在将显示logoError.png。
从服务上加载图片时,img的src = 后台get接口地址