JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<!-- simple async queue>

JavaScript

var newFileList = ['a', 'b', 'c', 'd', 'e', 'f'];
var filesToUpload; // Temporary queue, to hold the file list that you have

function uploadFiles() {
    filesToUpload = newFileList.slice(0); // do this when your final list is ready
    uploadSingleFile(filesToUpload.pop(), 0); // start the process here
}

function uploadSingleFile(file, i) {
    setTimeout(function() {
        if (filesToUpload.length > 0) { // do this inside your ajax success call
            uploadSingleFile(filesToUpload.pop(), ++i); // do a recursive call here
        }
    }, 1000);

}
uploadFiles();