如何使用队列

Question

我正在React中实现带队列的多上传器。此特定队列应该只有5个“插槽”用于并行文件上载。其余的文件应该在有空闲插槽时等待，然后开始上传另一个。

当前实施

这里只是逐个上传所有文件。

private onChange(event: any) {
   event.preventDefault();
   this.setState({
     files: [...files]
   });
   this.upload(files);
}
private doUpload(index: any, files: any) {
  // ... implementation
  xhr.send(formData)
}

private upload(files: any) {
 for (let index = 0; index < files.length; index++) {
   this.doUpload(index, files);
 }
}

目标

仅允许并行5个http请求。其余文件应等待免费“插槽”开始上传。