美文网首页
前端图片预加载

前端图片预加载

作者: RulerMike | 来源:发表于2020-04-30 23:56 被阅读0次
    // 图片 url 地址
    let urls = ['url1', 'url2'];
    let promiseAll = [];
    let imgs = [];
    const len = urls.length
    for (let i = 0; i < len; i++) {
      promiseAll[i] = new Promise((res, rej) => {
        imgs[i] = new Image();
        imgs[i].src = urls[i];
        imgs[i].onload = () => {
            res(imgs[i]);
        }
      })
    }
    promise.all(promiseAll).then(img => {
        // 加载完成后的代码
        ···
    })
    

    相关文章

      网友评论

          本文标题:前端图片预加载

          本文链接:https://www.haomeiwen.com/subject/pbvxghtx.html