upload file with data via ajax to server

script.js

var payload = new FormData();
payload.append('file', $('#my_file_input')[0].files[0]);
payload.append('some_field', 'foo');

var request = new XMLHttpRequest();
request.open('PUT'|'POST', '/my/api/upload/url');
request.setRequestHeader('Accept', 'application/json');

request.onload = function () {
  var response = request.response;
  console.log(response);
};

request.send(payload);