使用promise异步加载图片

    function loadImageAsync(url) {
      return new Promise((resolve, reject) => {
        let image = new Image();
        image.src = url;
        image.onload = function () {
          resolve(image);
        };
        image.onerror = function () {
          reject();
        }
        
      })
    }

    loadImageAsync('./image/girl.jpg').then((img) => {
      document.documentElement.append(img)
    }).catch(() => {
      console.log('加载失败');
    })