title: Why the hidden input fields intended for storing selected file name and file path are not getting generating on a form in following scenario?
body: <p>I've implemented <strong>Filepicker.io</strong> in my HTML page for selecting and uploading one or more images.</p>
  
  <p>The <strong>Filepicker.io</strong> functionality for selecting one or multiple files is working fine for me. User is able to select one or more images. Also if user wants to remove any of the selected images, he/she can remove them. Till here everything works fine for me.</p>
  
  <p>Following is my working code for selecting one or multiple images using <strong>Filepicker.io</strong>:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;link href="vshare.css" type="text/css" rel="stylesheet"/&gt;
      &lt;script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js"&gt;
      &lt;/script&gt;
      &lt;script src="http://api.filepicker.io/v1/filepicker.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          function filePicker(event) {        
        html = '';
        for(var i=0;i&lt;event.fpfiles.length;i++) {
          mimetype  = event.fpfiles[i].mimetype;
          file = event.fpfiles[i].filename; 
          var extension = file.substr( (file.lastIndexOf('.') +1) );
  
          switch(extension) {
            case 'jpg':
            case 'png':
            case 'gif':
            case 'jpeg':
              html += '&lt;div class="vshare_item"&gt;';
              html += '&lt;a class="vshare_item_delete" onclick="vshare_item_delete(this);"&gt;&lt;i class="fa fa-times"&gt;&lt;/i&gt;&lt;/a&gt;';
              html += '&lt;img  src="'+event.fpfiles[i].url+'" class="vshare_item_img"/&gt;'; 
              html += '&lt;input type="hidden" name="val[vshare]['+event.fpfiles[i].filename+'][]"  value="'+event.fpfiles[i].url+'" /&gt;';
              html += '&lt;/div&gt;';
              html += '&lt;div class="clear"&gt;&lt;/div&gt;';
            break;                         
  
            /*case 'doc':
            case 'docx':
            case 'ppt':
            case 'pptx':
            case 'pps':
            case 'xls':
            case 'xlsx':
            case 'pdf':
            case 'ps':
            case 'odt':
            case 'sxw':
            case 'sxi':
            case 'txt':
            case 'rtf':
              html += '&lt;div class="vshare_item"&gt;';
              html += '&lt;a class="vshare_item_delete" onclick="vshare_item_delete(this);"&gt;&lt;i class="fa fa-times"&gt;&lt;/i&gt;&lt;/a&gt;';
              html += '&lt;img  src="'+$("#global_attachment_vshare #sDocPath").val()+extension+'.png'+'" class="vshare_item_img"/&gt;';
              html += '&lt;input type="text" name="val[vshare]['+event.fpfiles[i].filename+'][]"  value="'+event.fpfiles[i].url+'" /&gt;';
              html += '&lt;/div&gt;';
              html += '&lt;div class="clear"&gt;&lt;/div&gt;';
            break;*/
            default:
            break;
          }
        }  
  
        $("#global_attachment_vshare #vshare_response").html(html) ;
        $bButtonSubmitActive = true;
        $('.activity_feed_form_button .button').removeClass('button_not_active');
      }
  
      function vshare_item_delete(args) {
        $(args).parent(".vshare_item").remove();
      }
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
        &lt;form action="sample_test.php" method="post"&gt;
          &lt;input type="filepicker" data-fp-apikey="Ajid7OnMRU2NCcKBMGTdNz" data-fp-mimetypes="*/*" data-fp-container="modal" data-fp-multiple="true" data-fp-services="BOX,DROPBOX,GOOGLE_DRIVE,EVERNOTE" onchange="filePicker(event);"&gt;
          &lt;input type="submit" name="Submit" value="Submit File"&gt;
        &lt;/form&gt;  
      &lt;/body&gt;
    &lt;/html&gt;
  </code></pre>
  
  <p>If you simply create a blank HTML file on your machine and copy-paste the above code it will work for sure.</p>
  
  <p>Now the issue I'm facing is I'm not able to create the hidden input fields on a form. These input hidden fields are for storing the file name and file path of selected file/files. </p>
  
  <p>In my code I tried to store only the file name into hidden field but I also need to store file path as well. I'm not understanding where I'm doing something wrong so the hidden fields are not getting generated.</p>
  
  <p>Can someone please help me in this regard? It would be of great great help to me.</p>
  
  <p>If you have any other doubt, query regarding the issue I'm facing please do let me know. I'll be more than happy to help you.</p>
  
  <p>Thanks for spending some of your valuable time in understanding my issue and showing interest in my issue.</p>
  
  <p>Any kind of help, suggestion, comment, answer would be highly appreciated.</p>
  
  <p>Waiting for your precious replies.</p>