关键一组图片做预加载的问题

Question

1：问题描述：
从接口获取一组相关图片地址 想做预加载 但是无法确定加载成功后的图片真实位置索引 比如用for循环每个执行图片的onload方法但是不能保证第一个进入循环的图片就第一个加载成功 因此顺序错乱

2： 相关代码

for(var i = 0; i < data.length; i++) {
    THIS.resultList.push(data[i]);
    var imgObj = new Image(); // 创建图片对象
    imgObj.src = data[i].fileurl;
    imgObj.addEventListener('load', function () {
    }, false);
  }

3：问题解决尝试
可能是描述不正确找不到相应的办法和思路 请各位大神帮忙看看有没有什么好的思路

Answer 1

关键字 Promise

或者

    for (var i = 0; i < data.length; i++) {
      THIS.resultList.push(data[i]);
      load(data, i);
    }
    
    function load(data, i) {
      var imgObj = new Image(); // 创建图片对象
      imgObj.src = data[i].fileurl;
      imgObj.addEventListener('load', function() {}, false);
    }