<script>
    let uploadFiles = null;
    let handleFiles = function(files){
        uploadFiles = [...files];
        uploadFiles.forEach(previewFile);

        uploadFile(0);
    }
    let previewFile = function(file) {

        $("#files ul").append($("<li>").attr("data-file", file.name).text(file.name).append($("<small>").text("Yüklenmek için sırada")));
    }
    let uploadFile = function(index){
        let file = uploadFiles[index];
        let fileStatus = $("[data-file='" + file.name + "']").find("small");

        fileStatus.text("Dosya yükleniyor");

        console.log(file);

        let fd = new FormData();
        fd.append("test", "burak");
        fd.append("myFile", file);

        $.ajax({
            url: "",
            type: "POST",
            dataType: "JSON",
            processData: false,
            contentType: false,
            data: fd,
            timout: 30000,
            error: function() {
                console.log("Sorun oluştu");
            },
            xhr: function(){
                let xhr = $.ajaxSettings.xhr();
                return xhr;
            },
            success: function(json){
                if (json.status) {
                    fileStatus.text("Başarıyla yüklendi");
                    $("[data-file='" + file.name + "']").fadeOut("fast");
                

                    if (index <= (uploadFiles.length - 1)) {
                        uploadFile(index + 1);
                    }
                }
            }
        });
    }

    window.onload = function(){
        $("#myFile").change(function(){
            handleFiles(this.files);
        });
    }

</script>