js校验远端图片是否存在

js校验远端图片是否存在，因为图片存在于服务器，是异步加载，所以需要使用Promise。

  const checkImgExists = (imgurl) => {
    return new Promise((resolve, reject) => {
      const ImgObj = new Image(); // 判断图片是否存在
      ImgObj.src = imgurl;
      ImgObj.onload = (res) => {
        resolve(res);
      };
      ImgObj.onerror = (err) => {
        reject(err);
      };
    }).then((imageData) => {
      const target = imageData.target;
      if (target.fileSize > 0 || (target.width > 0 && target.height > 0)) {
        return true;
      }
      return false;
    }).catch((err) => {
      console.log(err);
      return false;
    });
  }

• 使用方式

 const src = '/app-sys-manage/oss/get_img/10443';
 const res1 = await this.checkImgExists(src);

因为校验方法返回了promise，所以想要获取可使用的返回值也需要通过promise来使用，这里利用了async/await来使用。