记录：检测http图片是否存在

原创已于 2022-03-03 19:49:31 修改 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js图片

于 2019-01-12 12:11:50 首次发布

前端 HTML+CSS+JAVASCRIPT 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种通过检查图片URL格式及图片尺寸来判断图片是否真实存在的方法。此方法首先验证URL是否符合HTTP标准并指向常见的图片格式，然后通过创建图片对象加载图片，进一步检查其文件大小和尺寸，以确保图片的有效性。

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

通过输入的地址格式和最终的图片大小来判断图片是否真实存在

if(pictureURL && /http:\/\/.*?(gif|png|jpg)/gi.test(pictureURL)){ 
// 判断有没有输入， 输入的格式对不对
    let ImgObj = new Image()
    ImgObj.src = pictureURL
    if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) { 
    // 在输入正确格式的前提下 判断图片大小是否为0 不为0则图片地址正确 显示图片
      return pictureURL
    } else { // 图片大小为0 则显示错误提示图片
      return errorPictureUrl
    }
  }else if(!pictureURL){ // 当没有输入图片地址的时候显示默认图片
    return defaultPictureUrl
  }else { // 当输入地址,但格式不正确的时候,也显示错误提示图片
    return errorPictureUrl
  }
}