javascript判断指定文件夹的图片是不是存在

Posted 2023-05-11

<img id="a" src="<%=path%>" />
我不知道文件夹中是否有这张图片，因为src的值是由下拉框选择而来的，所以是永远都有值的，不会是空，不能用src来判断图片是否存在。
所以我的问题是：我要如何在javascript中去判断文件夹中是否有这张id="a"的图片，没有的话就换成下面这张id="b"的图片。
<img id="b" src="images/unfoundIMG.png" />
最好是有详细代码和解释，因为在下是初学者，很多都不懂。

<div>
<select name="imagesList" id="imagesList">
<option value="">请选择图片...</option>
<option value="https://gss0.baidu.com/-fo3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=c0524600ba003af352bada60052bc619/b58f8c5494eef01fcca8beccecfe9925bc317d7f.jpg">我是能显示的图片1</option>
<option value="https://gss0.baidu.com/-Po3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=615ad02161224f4a4899751339f69044/b3b7d0a20cf431ad184ee53e4736acaf2edd981d.jpg">我是能显示的图片2</option>
<option value="1dsakjodksjakjxx.xxx">我是不能显示的图片</option>
</select>
</div>

<div>
<img id='a' src='https://gss0.bdstatic.com/7Ls0a8Sm1A5BphGlnYG/sys/portrait/item/28ced0c7b3bd6871a81c.jpg?20180330052556' /> 变换图片
</div>
<div>
<img id='b' src='https://gss0.bdstatic.com/70cFsj3f_gcX8t7mm9GUKT-xh_/avatar/100/r6s1g8.gif' />
默认图片
</div>
<script>
window.addEventListener('DOMContentLoaded', function() 
var a = document.getElementById('a')
var b = document.getElementById('b')
var images = document.getElementById('imagesList')
images.onchange = function(e) 
var index = e.target.options.selectedIndex
var value = e.target.options[index].value
if (!value) return
a.src = value


a.onerror = function(e)  // a图片载入失败时候处理，例如一张不存在的图片
var confirm = window.confirm('点击确定将会显示默认图片，取消则会返回')
if (confirm) 
a.src = b.src // document.getElementById('b').src的地址传给a.src
 else 
alert(e.type)


)
</script>

参考技术A 本机文件处理：（还有一种服务器端判断的）
var fso,s=filespec; // filespec="C:/path/myfile.txt"
fso=new ActiveXObject("Scripting.FileSystemObject");
if(fso.FileExists(filespec))
...

else
更改图片

参考技术B img = new Image(); //新建一个图片；
img.src = "http://www.wdssmq.com/logos/qun.jpg"; //图片地址是你准备要加载的地址；
$(img).load(function ()
alert("图片存在");
);
纯JS的话有个onload，，自己研究吧。。本回答被提问者采纳

js判断文件类型是否是指定格式

功能说明：js实现判断文件类型,图片‘视频等格式，当不符合格式时，会自动清除，并重新选择。’

1.、图片、视频等格式判断，直接上代码

<script type="text/javascript">
//1、这个函数是，判断图片格式--------------------------------------------------------------------
function checkImg(){
var img_id=document.getElementById(‘movie_img‘).value; //根据id得到值
var index= img_id.indexOf("."); //（考虑严谨用lastIndexOf(".")得到）得到"."在第几位
img_id=img_id.substring(index); //截断"."之前的，得到后缀
    if(img_id!=".bmp"&&img_id!=".png"&&img_id!=".gif"&&img_id!=".jpg"&&img_id!=".jpeg"){  //根据后缀，判断是否符合图片格式
          alert("不是指定图片格式,重新选择"); 
         document.getElementById(‘movie_img‘).value="";  // 不符合，就清除，重新选择
      }
 }
//2、这个函数是，判断视频格式---------------------------------------------------------------
function checkTv(){
 var tv_id =document.getElementById(‘movie_tv‘).value;//根据id得到值
 var index= tv_id.indexOf("."); //（考虑严谨用lastIndexOf(".")得到）得到"."在第几位
 tv_id=tv_id.substring(index); //截断"."之前的，得到后缀
     if(tv_id!=".mp4"&&tv_id!=".rmvb"&&tv_id!=".avi"&&tv_id!=".ts"){ //根据后缀，判断是否符合视频格式
         alert("不是指定视频格式,重新选择"); 
       document.getElementById(‘movie_tv‘).value="";   // 不符合，就清除，重新选择
     }
}
//3、这个函数是，配对指定格式文件-----------------------------------------------------------
function checkSeq(suffix){
var seq_id =document.getElementById(‘file_seq‘).value; //根据id得到值
var index= seq_id.indexOf("."); //（考虑严谨用lastIndexOf(".")得到）得到"."在第几位
seq_id=seq_id.substring(index);  //截断"."之前的，得到后缀
   if(seq_id!=".suffix"){                         //根据后缀，判断是否符合格式
      alert("不是指定文件格式,重新选择"); 
      document.getElementById(‘file_seq‘).value="";  // 不符合，就清除，重新选择
   }
}

</script>
————————————————
版权声明：本文为CSDN博主「落雨敏」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/lin857/article/details/52873351