title: HTML Form for File Upload - generate by JavaScript
body: <p>I've been trying to create and submit a form with JavaScript for file upload to my web server. I've read that the <code>input type="file"</code> cannot be autopopulated by JavaScript because of security reasons. That being the case, how can I send a POST command to upload my file?</p>
  
  <p>I realise the code snippet below won't work becase of this fact but how can I do it?</p>
  
  <p>What I'm hoping to do in the end is call this function for a number of file that the user will drag and drop so they'll be in an array. I don't have PHP on my webserver (it will only hand simple HTTP commands).</p>
  
  <pre><code> function uploadFile( fileName )
     {
       var form     = document.createElement("form");
       var element1 = document.createElement("file");
  
       form.method  = "post";
       form.action  = "upload.html";
       form.enctype = "multipart/form-data";
       form.charset = "utf-8";
  
       element1.value = "/Temp/TestFile.txt";
       element1.name = "upload1";
       form.appendChild( element1 );
  
       document.body.appendChild( form );
  
       form.submit();
     }
  </code></pre>
  
  <p>After reading the first link provided by Tom, this is what I came up with:</p>
  
  <pre><code>   function uploadFile( fileName )
     {
       var form     = document.createElement("form");
       var element1 = document.createElement("file");
  
       form.method  = "post";
       form.action  = "upload.html";
       form.enctype = "multipart/form-data";
       form.charset = "utf-8";
  
       element1.value = "/JScript/TestText.txt"
       element1.id    = "fileselect";
       element1.name  = "fileselect[]";
       element1.multiple = "multiple";
       form.appendChild( element1 );
  
       document.body.appendChild( form );
  
       form.submit();
     }
  </code></pre>
  
  <p>..but I don't understand the use of fileselect[].. That I would understand to be an array but how do I populate an array and then assign it back to the HTML element? Say for example I only have one file to post back which is /JScript/TestText.txt .. how do I assign fileselect[0]="/JScript/TestText.txt"; and then feed it back into 'element' for submission?</p>