JSFiddle - React, Tailwind, and code Playground
HTML
Attachment: <input type="file" name="upload" id="upload">
<a href="#" id="btnSubmit">Submit</a>
JavaScript
var files;
$('input[type=file]').on('change', prepareUpload);
function prepareUpload(event)
{
$('#btnSubmit').show();
files = event.target.files;
}
function uploadFiles(event)
{
event.stopPropagation();
event.preventDefault();
var data = new FormData();
$.each(files, function(key, value)
{
data.append(key, value);
});
$.ajax({
url: 'execs/upload.php?files',
type: 'POST',
data: data,
cache: false,
dataType: 'json',
processData: false,
contentType: false,
success: function(data)
{
console.log('Uploaded');
},
error: function()
{
console.log('Failed');
}
})
}