关于web开发中,图片加载失败替换为默认图片

  页面上有用户自定义图片的时候经常会出现用户定义的图片特别是站外图片被删除或无法访问,因此,需要判断图片是否能成功被加载,否则自动换成“无法找到图片”之类的系统图片。

  
  document.body.onload = getImg;

  function getImg() {
  for (var i = 0; i < document.images.length; i++) {
  if (document.images[i].readyState != 'complete')
  document.images[i].src = "/pc/images/fail.png";
   }
  }

或者在每张图片的onload对readyState进行判断

posted @ 2018-10-12 16:14  羽哲  阅读(604)  评论(0编辑  收藏  举报