Vanilla JS-如何获取图像元素

Question

我正在尝试使用ImageHandler（）方法加载多个图像。但是我在从Image类获取图像对象时遇到了麻烦。我正在使用onload方法获取图像（如果已加载）。

image.onload = () => loadedImages[k] = image;

但是它给了我Image类，而不是图像元素。

这是我的代码；

function ImageLoader(images) {
     return new Promise((resolve) => {
         if (typeof images == "object") {
              let loadedImages = [];
              for(let k in images){
                 let image = new Image();
                 image.src = images[k]
                 image.onload = () => loadedImages[k] = image;   
          }
             resolve(loadedImages)
          } else {
              let image = new Image();
              image.src = images
              image.onload = () => resolve(image)
          }

    });
}

let loadImages = {
      ball: "images/ball.gif",
      background: "images/background.jpg"
};

ImageLoader(loadImages)
     then(images => console.log(images));

如何正确获取图像元素？