JSFiddle - React, Tailwind, and code Playground

by Stalk

HTML

<form enctype="multipart/form-data" id="myForm">
    <input name="file" type="file" />
    <input name="login" type="text" value="foo" />
    <input type="button" value="Upload" />
</form>

CSS

input {
    display: block;
    margin: 1em;
}

JavaScript

$(':button').click(function(){
    var formData = new FormData(document.getElementById('myForm'));
    $.ajax({
        url: '/echo/json/',  //Server script to process data
        type: 'POST',
        success: function(response) {
            console.log(response)
        },
        data: formData,
        processData: false,
    });
});