异步循环生成器

原创于 2021-03-16 17:20:59 发布 · 230 阅读

0 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载。

JavaScript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种使用异步循环生成器处理多张图片或切片文件上传的方法。通过一个具体示例展示了如何利用JavaScript的async/await特性及生成器函数实现文件的分批异步上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目中遇到上传多张图片或者切片文件上传，如果需要上传完成后再继续上传下一部分，可以用异步循环生成器完成，简易demo如下：

class GenCmp {
    async *generator(total) {
        let order = 0;
        while (order < total) {
            const data = await this.requestSomething(order);
            order++;
            yield data;
        }
    }

    requestSomething(order) {
        return new Promise((resolve) => {
            setTimeout(() => {
                console.log(order)
                resolve('success_' + order);
            }, 1000);
        })
    }

    start() {
        const total = 10;
        let current = 0;
        const generator = this.generator(total);
        (async () => {
            while (current < total) {
                current++;
                const data = await generator.next();
                console.log(data)
            }
        })();
    }
}

const gen = new GenCmp();
gen.start();