javascript - web网站一般怎么处理图片容错的问题？

问题描述

问 题

在网站中，经常会遇到图片加载失败出现图片加载失败的默认演示

为了防止这种情况的出现，通常在图片加载失败的时候会显示一张默认的图片，那么大家一般都是怎么解决这种情况，用的什么方法，拿出来分享下，
我只知道一种就是下面这种

<img src="error.jpg" alt="" onerror="this.src='defatule.jpg'" />

解决方案

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");
});

这篇关于javascript - web网站一般怎么处理图片容错的问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！