title: how to add a list of files into an input value?
body: <p>I'm just wondering if this is actually possible, if it is not, why?</p>
  
  <ul>
  <li>add files via input type file multiple true</li>
  <li>files get stored in array of "FilesList" inside javascript</li>
  <li>when user is done selecting images, click upload</li>
  <li>upload all images in that stored array in javascript</li>
  </ul>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var storedFiles = [];
  
  $("#inputFileId").on('change', function() {
    if ($(this)[0].files) {
      for (var i = 0; i &lt; $(this)[0].files.length; i++) {
        storedFiles.push($(this)[0].files[i]);
      }
    }
  });
  
  $("#inputSubmitId").click(function() {
    // add this storedFiles to an input is possible?
    // like $("#input").val = storedFiles;
    console.log(storedFiles);
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;p&gt;select any amount of images, how many times you want to&lt;/p&gt;
  &lt;input type="file" multiple="true" id="inputFileId" /&gt;
  &lt;input type="submit" id="inputSubmitId" /&gt;</code></pre>
  </div>
  </div>
  </p>