XMLHttpRequest POST multipart/form-data

Question

I want to use XMLHttpRequest in JavaScript to POST a form that includes a file type input element so that I can avoid page refresh and get useful XML back.

I can sub

Answer 1

Here is an up to date way using FormData (full doc @MDN)

Script:

var form = document.querySelector('#myForm');
form.addEventListener("submit", function(e) {
    var xhr = new XMLHttpRequest();
    xhr.open("POST", this.action);
    xhr.addEventListener("load", function(e) {
        // Your callback
    });

    xhr.send(new FormData(this));

    e.preventDefault();
});

(from this basic form)

    
    
    ...

Thanks again to Alex Polo for his answer