美文网首页
原生实现图片加载失败显示默认图片

原生实现图片加载失败显示默认图片

作者: AAA前端 | 来源:发表于2019-08-15 17:43 被阅读0次
  • 很多插件都实现了图片加载失败后显示默认图片的功能,今天用原生自己实现。

  • 代码如下

<img src="https://www.acgxt.com/upload/image/20160617/20160617201148_21343.webp" onerror='this.src="https://account.acgxt.com/avatar/099bde51435a1a678c17a8ef24d93b56.jpg";this.onerror=null'>
  • 可以把src里面的图片改一点,让图片路径错误。然后就会触发error事件,替换图片路径为默认图片路径。然后重新error事件,以免默认图片也是错误的。。。会造成死循环。

  • 参考: https://blog.csdn.net/haha_sir/article/details/78667659

相关文章

网友评论

      本文标题:原生实现图片加载失败显示默认图片

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