根据图片路径去判断图片是否存在

猴子请来的水军。

于 2021-03-02 10:34:46 发布

阅读量851

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.csdn.net/github_39121448/article/details/114278568

JavaScript 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了两种检查图片是否存在的实用方法。方法一使用 XMLHttpRequest 对象发起 HTTP 请求来判断图片 URL 是否可达；方法二通过创建 Image 对象加载图片，并检查其尺寸来判断图片是否存在。

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

方法一：

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)
        console.log("图片不存在");
    else
        console.log("图片存在");
}

方法二：

 function CheckImgExists(imgurl) {  
   var ImgObj = new Image(); //判断图片是否存在  
    ImgObj.src = imgurl;  
    //没有图片，则返回-1  
    if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {  
        console.log("图片存在");
    } else {  
        console.log("图片不存在");
    }  
}