javascript怎么判断图片是否存在?

JavaScript在实际应用中,可能有这样的需求,那就是检测一个图片是否存在。那么怎么判断图片是否存在?下面本篇文章就来给大家介绍一下使用JavaScript判断图片是否存在的方法,希望对大家有所帮助。

方法1:通过判断图片文件大小是否大于0或判断图片的宽与高是否大于0判断图片是否存在

//判断图片是否存在
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;
    }
}

方法2:验证图片链接是否有效

function validateImage(url){    
        var xmlHttp ;
        if (window.ActiveXObject)
         {
          xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
         }
         else if (window.XMLHttpRequest)
         {
          xmlHttp = new XMLHttpRequest();
         } 
        xmlHttp.open("Get",url,false);
        xmlHttp.send();
        if(xmlHttp.status==404)
        return false;
        else
        return true;
}

说明:

XMLHttpRequest 对象用于在后台与服务器交换数据。

作用:

  • 在不重新加载页面的情况下更新网页

  • 在页面已加载后从服务器请求数据

  • 在页面已加载后从服务器接收数据

  • 在后台向服务器发送数据

以上就是javascript怎么判断图片是否存在?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读