File upload HTML

<!DOCTYPE html>
<html>
<head>
    <title>GFG</title>
</head>
<body>
<br>
<br>
<form method="POST" enctype="multipart/form-data">
    <div style="width:80%" class="hzcenter">
        <!-- File selection -->
        <input id="upfile" type="file" name="files[]" value="upload" onchange="sub(this)" multiple/>
        <br>
        <br>
    </div>
    <!-- <label class="styled-file-upload hzcenter">
        <input type="file" name="files[]" multiple=""/>
        Choose file(s)
    </label> -->
    <br>
    <div style="width:80%" class="hzcenter">
        <input style="width:100%" class="uploadbutton hzcenter" type="submit" value="Upload">
    </div>
</form>

<!--Jquery Cdn -->
<script src="https://code.jquery.com/jquery-3.5.1.js"
        integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
        crossorigin="anonymous"></script>

<script type="text/javascript">
    var files = [];

    function sub(obj) {
        if (obj.isDirectory) {
            // document.getElementById("selectedFiles").innerHTML = "true"; //Name[fileName.length - 1];
            console.log("obj is directory")
        } else {
            // Retrieve list
            files = obj.files;
            // Build the table of selected files
            selected_files = "<table style=\"width:100%\"><tr><td style=\"text-align: center\"><b>Selected Files</b></td></tr>";
            for (let i = 0; i < files.length; i++) {
                selected_files += "<tr><td>" + files[i].name + "</td></tr>";
            }
            selected_files += "</table>";
            // Display them.
            document.getElementById("selectedFilesList").innerHTML = selected_files; //Name[fileName.length - 1];
        }
    }

    $(document).on('submit','#upload-form', function(e)
                {
    e.preventDefault();  // Prevents page reload
    $.ajax({
        type:'POST',
        url:'/',  // Replace with route to POST to
        data:{
            files: files,
            todo:$("#todo").val()
        },
        success:function() // Called when values are successfully submitted
        {
        alert('saved');
        }
    })
    });
</script>

</body>
</html>