web容错处理

---

图片容错

img标签当图片不存在时将触发onerror事件，提供几个方案。
1.常规写法

// js
function imgError(image) {
    image.onerror = "";
    image.src = "/images/noimage.gif";
    return true;
}
// html
<img src="image.png" onerror="imgError(this);"/>

2.内联式:

<img src="image.png" onerror="this.onerror=null;this.src='/images/noimage.gif';" />

3.使用jQuery:

$("img").error(function () {
  $(this).unbind("error").attr("src", "broken.gif");
})

4.动态生成图片并容错的写法

function addImg(isrc) {
  var Img = new Image();
  Img.src = isrc;
  Img.onload = function () {
      document.body.appendChild(Img);
  }
  Img.onerror = function () {
      console.log("error");
  }
}

赏

帮助楼主迎娶白富美

支付宝

微信