JS图片加载失败用默认图片代替

1、onerror 事件会在文档或图像加载过程中发生错误时被触发。

  当图片不存在时,将触发onerror,onerror 中img为 指定的默认图片。

  图片存在则显示正常图片,图片不存在将显示默认。

  function imgOnerror(img){  

   img.src="../images/avatars/default.jpg";  

   img.onerror=null;//控制不要一直跳动  

  }  

  <img width="90" height="120" src="../images/avatars/default.jpg" onerror="imgOnerror(this)" border="0"/>  

2、jquery.error

  $('img').error(function(){

    $(this).attr('src','default.jpg')

  })

posted @ 2018-05-25 10:03  雨筠  阅读(497)  评论(0编辑  收藏  举报