判断URL图片是否存在

最新推荐文章于 2023-10-30 14:37:22 发布

原创最新推荐文章于 2023-10-30 14:37:22 发布 · 963 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript

前端专栏收录该内容

0 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
	$(document).ready(function(){
		var img = 'f.jpg'; // 一张放在同级目录的图片。相当于图片URL 
		
		setTimeout(function() {
				console.log("开始");
			    var handler = setInterval(function() {
		     	   if(isHasImg(img)) {
						console.log("图片有了，停止循环函数");
						clearInterval(handler);
					   $("#meImg").attr("src",img);
			       }else{
			 	       console.log("同级目录还没有这张图片，你要是放到同级目录一张f.jpg 就能显示出来了。");
			      }
	        },1000);
	     },500)
		
		function isHasImg(pathImg) {
		    var ImgObj=new Image();
		    ImgObj.src= pathImg;
		     if(ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {
		       return true;
		     } else {
		       return false;
		    }
		}
	})
</script>
</head>
<body>
<p>验证图片URL是否存在，如果存在就显示，不存在就继续走调用函数</p>
<p>isHasImg 函数其他文章copy 过来的</p>
<div><img  id="meImg" src=""></div>
</body>
</html>