检测图片URL是否失效

作者：鹏仔先生日期：2025-04-24 16:53:34 浏览：700 分类：JavaScript

学校项目中，有个人脸采集功能，需要先检测已存在的照片url是否能正常访问，如果可以就直接显示，不可以就替换一张默认图片。

项目用的vue，代码如下所示

// 效验图片链接是否有效
checkImg(imgurl) {
  return new Promise(function(resolve, reject) {
    var imgObj = new Image();
    imgObj.src = imgurl;
    imgObj.onload = function(res) {
      resolve(res);
    }
    imgObj.onerror = function(err) {
      reject(err);
    }
  }).then(()=>{
    console.log('有效链接');
    return '1'
  }).catch(()=>{
    console.log('无效链接');
    return '2'
  })
},
async isHeadUrl(){
  let type = await this.checkImg(this.headUrl);
  if(!this.headUrl || type == '2'){
    this.headUrl = this.photoImg;
  }
}