How to send FormData objects with Ajax-requests in jQuery? [duplicate]

I believe you could do it like this :

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

  url: '',
  data: fd,
  processData: false,
  contentType: false,
  type: 'POST',
  success: function(data){


  • 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.

Leave a Comment