图片预加载方法(promise版)

    xiaoxiao2023-10-24  170

    图片预加载方法promise版

    图片预加载方法(promise)代码

    图片预加载方法(promise)

    很早之前写过es5的一个预加载方法,后来用不上都是用各种框架自带的方法了。 今天心血来潮要在小程序中搞一个预加载的方法,用promise写好发现小程序不支持new Image(),只能放弃了。

    代码

    const loadimgs = (imgs) => { const arr = [] const loadImg = function(img) { return new Promise((resolve, reject) => { const newimg = new Image() newimg.src = img newimg.onload = () => { resolve(newimg) } }) } imgs.forEach((item) => { arr.push(loadImg(item)) }) return new Promise((resolve, reject) => { Promise.all(arr).then((res) => { resolve(res) }).catch((err) => { reject(err) }) }) }
    最新回复(0)