检测图片URL是否失效

学校项目中，有个人脸采集功能，需要先检测已存在的照片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;
  }
}

分享

分享海报

扫一扫 - 分享本文

打赏

微信

扫一扫 - 打赏鹏仔

收藏

请按下 Ctrl + D

即可收藏当前文章

手机看

分享到微信朋友圈

扫一扫 - 手机阅读

侵权投诉

侵权、举报、建议

↓