title: How to get text value of input type=file for multiple files?
body: <p>I was hoping someone can update this JSFiddle code for me so that multiple input boxes appear for multiple selected images.</p>
  
  <p>It works perfectly for for a Single image.</p>
  
  <p><a href="https://jsfiddle.net/WWNnV/609/" rel="nofollow">https://jsfiddle.net/WWNnV/609/</a> </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>document.getElementById('upload').onchange = uploadOnChange;
  
  function uploadOnChange() {
    var filename = this.value;
    var lastIndex = filename.lastIndexOf("\\");
    if (lastIndex &gt;= 0) {
      filename = filename.substring(lastIndex + 1);
    }
    document.getElementById('filename').value = filename + "_date";
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input id="upload" type="file" multiple="multiple" /&gt;
  &lt;input id="filename" type="text" /&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any assistance will be appreciated.</p>