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

最新推荐文章于 2025-05-25 15:09:26 发布

sunshuaij2ee

最新推荐文章于 2025-05-25 15:09:26 发布

阅读量1.3k

点赞数

分类专栏： java 沉淀代码文章标签： img 加载失败重置

本文链接：https://blog.youkuaiyun.com/sunshuaij2ee/article/details/84357445

版权

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

4 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//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+"'/>