<!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>
判断URL图片是否存在
最新推荐文章于 2024-07-26 03:10:54 发布