img onerror

情景分析:有时,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接口地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容