手写一个Promise加载图片

最新推荐文章于 2024-11-08 16:09:18 发布

迪迦风暴形态

最新推荐文章于 2024-11-08 16:09:18 发布

阅读量96

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_43616219/article/details/118291205

版权

loadImg(src){
      return new Promise((resolve,reject) =>{
        const img = document.createElement('img')
        img.onload = () =>{
          resolve(img)
        }
        img.onerror = () =>{
          reject(new Error('图片加载失败'))
        }
        img.src = src
      })
    }
    const url = 'https://img3.sycdn.imooc.com/54584f540001558402200220-140-140.jpg'
      loadImg(url).then(img =>{
        console.log(img.width);
        return img
      }).then(img =>{
        console.log(img.height);
      }).catch(ex =>{
        console.error(ex)
      })