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

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

https://img2.mukewang.com/5be13a1c0001c7f906360182.jpg

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

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


BIG阳
浏览 594回答 1
1回答

阿晨1998

img标签当图片不存在时将触发onerror事件,提供几个方案。1.常规写法//&nbsp;jsfunction&nbsp;imgError(image)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;image.onerror&nbsp;=&nbsp;""; &nbsp;&nbsp;&nbsp;&nbsp;image.src&nbsp;=&nbsp;"/images/noimage.gif";&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;true; }//&nbsp;html<img&nbsp;src="image.png"&nbsp;onerror="imgError(this);"/>2.内联式:<img&nbsp;src="image.png"&nbsp;onerror="this.onerror=null;this.src='/images/noimage.gif';"&nbsp;/>3:使用jQuery:$("img").error(function&nbsp;()&nbsp;{ &nbsp;&nbsp;$(this).unbind("error").attr("src",&nbsp;"broken.gif"); });
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript