javascript - How to send FormData objects with Ajax-requests in jQuery?

Question

This question already has answers here:

Answer 1

I believe you could do it like this :

var fd = new FormData();    
fd.append( 'file', input.files[0] );

$.ajax({
  url: 'http://example.com/script.php',
  data: fd,
  processData: false,
  contentType: false,
  type: 'POST',
  success: function(data){
    alert(data);
  }
});

Notes:

• Setting processData to false lets you prevent jQuery from automatically transforming the data into a query string. See the docs for more info.

• Setting the contentType to false is imperative, since otherwise jQuery will set it incorrectly.