JSFiddle - React, Tailwind, and code Playground

JavaScript

//dummy file array    
var fileArray = ['file1', 'file2', 'file3']
    var len = fileArray.length;

    for(var i = 0; i < len; i++)
    {
        var file = fileArray[i];
        console.log(file);

        var formData = new FormData();
        formData.append("file_" + i, file);
        (function(params){
            var file = params.file;
            var formData = params.formData;
                    $.ajax(
        {
            url: 'http://fiddle.jshell.net',
            type: 'get',
            dataType:'html',
            data: 'fileName=' + file,
            success: function(data1)
            {
                //$('#theImages').append(data1.content);

                formData.append("tempID", data1.tempID);

                console.log("file name in success " + file); 


                $.ajax(
                {
                    url: 'http://fiddle.jshell.net',
                    type: 'get',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data2)
                    {
                                        console.log("success"); 
                    }
                });
            },
            error : function(){
                console.log("error");
            }
        });
        })({
            'formData' : formData,
            'file' : file
        });
    }