JS optimizes the img tag and uses onerror to display the default image

There are many reasons why website images are not displayed, such as network problems, file itself problems, file URL problems, etc. When the image fails to load, the onerror event will be triggered. We can use this to effectively avoid image loading failure. Awkward!

js code

//图像加载出错时的处理 
function errorImg(img) { 
img.src = "http://static.xuexiba.com/uploadfile//UserInfo/Avatar/201403/1303992393385832875324.jpg"; 
img.onerror = null; 
}

html code

<img  src="/static/imghw/default1.png"  data-src="1.jpg"  class="lazy"     style="max-width:90%"  style="max-width:90%"  onerror="errorImg(this)" / alt="JS optimizes the img tag and uses onerror to display the default image" >

Page effect

More JS optimizes the use of img tags Onerror displays the default image. For related articles, please pay attention to the PHP Chinese website!