美文网首页
img onerror

img onerror

作者: 前端小白001 | 来源:发表于2017-12-20 21:02 被阅读0次

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

    相关文章

      网友评论

          本文标题:img onerror

          本文链接:https://www.haomeiwen.com/subject/uoynwxtx.html