JSFiddle - React, Tailwind, and code Playground

by stuttufu

HTML

<html>
    <head>
        <!-- JQUERY TI SALVERA LA VITA, E' UNA LIBRERIA FACILE X SCRIVERE JS -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <!-- IL TUO CODICE -->
        <script src="js/scripts.js"></script>
    </head>
    <body>
    
        <form id="upload" action="uploader.php" method="post" enctype="multipart/form-data">
            <label for="file">Filename:</label>
            <input type="file" name="file" id="file"><br>
            <input type="submit" name="submit" value="Submit">
        </form>
        
    </body>
</html>

JavaScript

$(document).ready(function(){
    $('#upload').submit(function(e){
        var formData = new FormData($(this)[0]);
        $.ajax({
            url: 'uploader.php',
            type: 'POST',
            xhr: function() { 
                var myXhr = $.ajaxSettings.xhr();
                return myXhr;
            },
            success: function(){ 
                var csv = $.parseJSON(json.data);
                console.log(csv);
            },
            error: function(){ console.log('js error'); },
            data: formData,
            cache: false,
            contentType: false,
            processData: false
        });
    });
});