<script>
var form = document.forms.namedItem("fileinfo");
form.addEventListener('submit', function(ev) {
var oOutput = document.querySelector("div"),
oData = new FormData(form);
oData.append("CustomField", "This is some extra data");
var oReq = new XMLHttpRequest();
oReq.open("POST", "save.php", true);
oReq.function(oEvent) {
if (oReq.status == 200) {
oOutput.innerHTML = oReq.response;
} else {
oOutput.innerHTML = "Error " + oReq.status + " occurred when trying to upload your file.
";
}
};
oReq.send(oData);
ev.preventDefault();
}, false);
</script>
if ( $_POST ) {
$response = array(
"inputs" => $_POST,
"files" => $_FILES
);
print_r(json_encode($response));
}
https://www.useloom.com/share/31fc1e1da1f743749a2a94e6deb764bb