JS检查在线图片是否存在

最新推荐文章于 2024-03-29 15:38:17 发布

tx10765

最新推荐文章于 2024-03-29 15:38:17 发布

阅读量271

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/tx10765/article/details/129993251

版权

该代码片段使用JavaScript创建了一个Promise，通过Image对象的onload和onerror事件来判断一个图片URL是否有效。如果图片加载成功且文件大小或尺寸不为零，则认为图片存在。否则，返回错误或假值。

摘要由CSDN通过智能技术生成

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: any) => {
      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;
    });
};