预加载图片,可以作用于需要图多的H5,然后做loading,也能拓展下做加载的进度 打开控制台查看

  function loadImg() {
      const loadPromiseArr = imgArr.map((url) => {
        return new Promise((resolve) => {
          const img = new Image();
          img.src = url;
          img.onload = function imgOnLoad() {
            resolve(url);
          };
          img.onerror = function imgOnError() {
            // 可以返回一个友好的占位图链接
            resolve('load fail');
          }
        })
      });
      Promise.all(loadPromiseArr)
             .then((arr) => {
               console.log(arr);
               // TODO 最图片返回的链接进行而外操作
             })
  }