title: Can I set file name in blob data when I upload data to server using html5?
body: <p>I use <code>event.clipboardData</code> to get image from clipboard, and then upload it server, code:</p>
  
  <pre><code>var items = e.clipboardData.items;
  for(var i=0;i&lt;items.length;i++)
  {
      if(items[i].type.indexOf("image")!=-1)
      {
          var blob=items[i].getAsFile();
          var data = new FormData();
          data.append("ImageFileField",blob);
          _post2("url...",data);
      }
  }
  </code></pre>
  
  <p>NOTE: <code>_post2()</code> is a function using <code>XMLHttpRequest</code> to do upload works.</p>
  
  <p>Above code work fine, the image from clipboard can upload to my server directly.</p>
  
  <p>BUT I found a problem, the filename of image upload to server is fixed as "blob", can I modify the filename before upload to server?</p>
  
  <p>This is the upload data detail:</p>
  
  <p><strong>Request Payload</strong></p>
  
  <blockquote>
    <p>------WebKitFormBoundaryW0NQVOkdrfkYGWV3<br>
    Content-Disposition: form-data; name="%%File.48257279001171c9.2c36671da7f1b6c9482575de002e1f14.$Body.0.3D8"; filename=<strong>"blob"</strong></p>
    
    <p>Content-Type: image/png</p>
    
    <p>------WebKitFormBoundaryW0NQVOkdrfkYGWV3--</p>
  </blockquote>