Upload file using FormData (a-la AJAX file upload using XMLHTTPRequest2)

ajax-file-upload.js

function sendForm() {
  var fileData = new FormData(document.getElementById("cpd-file"));
  var xhr = new XMLHttpRequest();

  xhr.open("POST", "/upload_file", true);
  xhr.setRequestHeader('Accept', 'application/json');
  xhr.onload = function(progressEvent) {
    if (xhr.status == 200) {
      console.log('Uploaded', xhr);
    } else {
      console.log("Error " + xhr.status + " occurred uploading your file.", xhr);
    }
  };
  xhr.send(oData);
}

sample-form.html

<form id="cpd-file" action="/upload_file" method="post" enctype="multipart/form-data">
  <input type="file" name="cpd_file">
</form>

Thank you! I’ll make a good use of this