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

时间:2023-03-09 19:16:00
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')

  })