图片预加载

最新推荐文章于 2024-08-27 22:36:25 发布

酷酷的一个鑫

最新推荐文章于 2024-08-27 22:36:25 发布

阅读量82

点赞数 1

文章标签： js 前端

本文链接：https://blog.csdn.net/wang277946486/article/details/114894396

版权

        loadImageList(arr: string[], callback: any) {
            const p: any = (url: string) => {
                return new Promise((resolve, reject) => {
                    let img = new Image();
                    img.src = url;

                    img.onload = function () {
                        img.onload = null;
                        resolve(url);
                    };

                    img.onerror = function () {
                        img.onerror = null;
                        reject(url);
                    };
                });
            };

            if (arr.length === 0) {
                callback.call();
                return;
            }

            let num = 0;
            arr.forEach((item: string) => {
                p(item).finally(() => {
                    num++;
                    num === arr.length && callback.call();
                });
            });
        }```