title: HTML5 multiple file upload: upload one by one through AJAX
body: <p>I have a multiple files upload form:</p>
  
  <pre><code>&lt;input type="file" name="files" multiple /&gt;
  </code></pre>
  
  <p>I am posting these files with ajax. I would like to upload the selected files one by one (to create individual progress bars, and out of curiousity).</p>
  
  <p>I can get the list of files or individual files by</p>
  
  <pre><code>FL = form.find('[type="file"]')[0].files
  F  = form.find('[type="file"]')[0].files[0]
  </code></pre>
  
  <p>yieling</p>
  
  <pre><code>FileList { 0=File, 1=File, length=2 }
  File { size=177676, type="image/jpeg", name="img.jpg", more...}
  </code></pre>
  
  <p>But FileList is immutable and I can't figure out how to submit the single file.</p>
  
  <p>I think this is possible as I saw <a href="http://blueimp.github.com/jQuery-File-Upload/">http://blueimp.github.com/jQuery-File-Upload/</a>. I don't want to use this plugin however as it's as much about learning as the result (and it would need too much custimizing anyway). I also don't want to use Flash.</p>