title: Sending files /file upload using ajax which works in IE9
body: <p>I need to upload files using ajax which has to be supported in IE9. I was using FormData as mentioned <a href="https://stackoverflow.com/questions/5392344/sending-multipart-formdata-with-jquery-ajax">here</a>. My code looks like this:</p>
  
  <pre><code>var files = new FormData();
  JQuery.each($('#file')[0].files, function (i, file) {
      files.append('file', file);
  });
  
  $.ajax({
      type: "POST",
      url: '/url',
      cache: false,
      contentType: false,
      processData: false,
      data: files,
      ...
  });
  </code></pre>
  
  <p>This works fine in Safari and Firefox, but fails in IE9 as the FormData is not supported in IE9. I tried sending just as a file by setting:</p>
  
  <pre><code>data: $('#file')[0].files[0]
  contentType: 'multipart/form-data'
  </code></pre>
  
  <p>This fails as the data is sent in url-encoded form and is cannot be parsed at the java side. Any help or pointer on how to solve this will be greatly appreciated. I need something that works across all browsers.</p>
  
  <p>EDIT: I do not need any upload progress bar as the files are usually small. I do not need to upload multiple files. I just need a single file upload.</p>