为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

BIG阳 2018-10-11 14:11:42
在网站中,经常会遇到图片加载失败出现图片加载失败的默认演示为了防止这种情况的出现,通常在图片加载失败的时候会显示一张默认的图片,那么大家一般都是怎么解决这种情况,用的什么方法,拿出来分享下,我只知道一种就是下面这种<img src="error.jpg" alt="" onerror="this.src='defatule.jpg'" />
查看完整描述

1 回答

?
阿晨1998

TA贡献2037条经验 获得超6个赞

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

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


查看完整回答
反对 回复 2018-11-06
  • 1 回答
  • 0 关注
  • 593 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信