img 图片加载失败后，重复加载问题代码(可限定次数)

最新推荐文章于 2023-12-29 11:24:17 发布

原创最新推荐文章于 2023-12-29 11:24:17 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#img 加载失败重置

java 沉淀代码专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于在图片加载失败时重新设置图片URL，并在三次尝试后使用默认图片。此功能适用于网页中图片加载错误的场景。

//js方法定义
function reSetImgUrl(imgObj,imgSrc,maxErrorNum){
	  if(maxErrorNum > 0){
	        imgObj.onerror=function(){
	        	reSetImgUrl(imgObj,imgSrc,maxErrorNum-1);
	        };
	        setTimeout(function(){
	            imgObj.src=imgSrc;
	        },500);
	    }else{
	        imgObj.onerror=null;
	        imgObj.src="<%=basePath%>images/noImg.png";
	    }

	}

//调用
<img onerror='reSetImgUrl(this,this.src,3)' src='"+srcStr+"'/>