title: JQuery Filer post files on submit
body: <p>Trying to use jquery.filer to upload images to my controller in asp.net mvc. Everything works as expected if I simply use the HTML file input type but once I enable the plugin it stops populating HttpPostedFileBase property.</p>
  
  <p>After reading the documentation I couldn't find anyway of simply attaching the files to the input and uploading them on submit.</p>
  
  <p><strong>CONTROLLER</strong></p>
  
  <pre><code>[HttpPost]
      public ActionResult Create(IEnumerable&lt;HttpPostedFileBase&gt; files, ListingModel model)
      {
          return View(model);
      }
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>    $("#filer_input").filer({
      limit: 6,
      maxSize: 5,
      extensions: null,
      changeInput: '&lt;div class="jFiler-input-dragDrop"&gt;&lt;div class="jFiler-input-inner"&gt;&lt;div class="jFiler-input-icon"&gt;&lt;i class="icon-jfi-cloud-up-o"&gt;&lt;/i&gt;&lt;/div&gt;&lt;div class="jFiler-input-text"&gt;&lt;h3&gt;Drag&amp;Drop files here&lt;/h3&gt; &lt;span style="display:inline-block; margin: 15px 0"&gt;or&lt;/span&gt;&lt;/div&gt;&lt;a class="jFiler-input-choose-btn blue"&gt;Browse Files&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;',
      showThumbs: true,
      theme: "dragdropbox",
      templates: {
          box: '&lt;ul class="jFiler-items-list jFiler-items-grid"&gt;&lt;/ul&gt;',
          item: '&lt;li class="jFiler-item"&gt;\
                      &lt;div class="jFiler-item-container"&gt;\
                          &lt;div class="jFiler-item-inner"&gt;\
                              &lt;div class="jFiler-item-thumb"&gt;\
                                  &lt;div class="jFiler-item-status"&gt;&lt;/div&gt;\
                                  &lt;div class="jFiler-item-info"&gt;\
                                      &lt;span class="jFiler-item-title"&gt;&lt;b title="{{fi-name}}"&gt;{{fi-name | limitTo: 25}}&lt;/b&gt;&lt;/span&gt;\
                                      &lt;span class="jFiler-item-others"&gt;{{fi-size2}}&lt;/span&gt;\
                                  &lt;/div&gt;\
                                  {{fi-image}}\
                              &lt;/div&gt;\
                              &lt;div class="jFiler-item-assets jFiler-row"&gt;\
                                  &lt;ul class="list-inline pull-left"&gt;\
                                      &lt;li&gt;{{fi-progressBar}}&lt;/li&gt;\
                                  &lt;/ul&gt;\
                                  &lt;ul class="list-inline pull-right"&gt;\
                                      &lt;li&gt;&lt;a class="icon-jfi-trash jFiler-item-trash-action"&gt;&lt;/a&gt;&lt;/li&gt;\
                                  &lt;/ul&gt;\
                              &lt;/div&gt;\
                          &lt;/div&gt;\
                      &lt;/div&gt;\
                  &lt;/li&gt;',
          itemAppend: '&lt;li class="jFiler-item"&gt;\
                          &lt;div class="jFiler-item-container"&gt;\
                              &lt;div class="jFiler-item-inner"&gt;\
                                  &lt;div class="jFiler-item-thumb"&gt;\
                                      &lt;div class="jFiler-item-status"&gt;&lt;/div&gt;\
                                      &lt;div class="jFiler-item-info"&gt;\
                                          &lt;span class="jFiler-item-title"&gt;&lt;b title="{{fi-name}}"&gt;{{fi-name | limitTo: 25}}&lt;/b&gt;&lt;/span&gt;\
                                          &lt;span class="jFiler-item-others"&gt;{{fi-size2}}&lt;/span&gt;\
                                      &lt;/div&gt;\
                                      {{fi-image}}\
                                  &lt;/div&gt;\
                                  &lt;div class="jFiler-item-assets jFiler-row"&gt;\
                                      &lt;ul class="list-inline pull-left"&gt;\
                                          &lt;li&gt;&lt;span class="jFiler-item-others"&gt;{{fi-icon}}&lt;/span&gt;&lt;/li&gt;\
                                      &lt;/ul&gt;\
                                      &lt;ul class="list-inline pull-right"&gt;\
                                          &lt;li&gt;&lt;a class="icon-jfi-trash jFiler-item-trash-action"&gt;&lt;/a&gt;&lt;/li&gt;\
                                      &lt;/ul&gt;\
                                  &lt;/div&gt;\
                              &lt;/div&gt;\
                          &lt;/div&gt;\
                      &lt;/li&gt;',
          progressBar: '&lt;div class="bar"&gt;&lt;/div&gt;',
          itemAppendToEnd: true,
          removeConfirmation: true,
          _selectors: {
              list: '.jFiler-items-list',
              item: '.jFiler-item',
              progressBar: '.bar',
              remove: '.jFiler-item-trash-action'
          }
      },
      dragDrop: {
          dragEnter: null,
          dragLeave: null,
          drop: null
      },
      //uploadFile: {
      //    url: "./php/upload.php",
      //    data: null,
      //    type: 'POST',
      //    enctype: 'multipart/form-data',
      //    beforeSend: function(){},
      //    success: function(data, el){
      //        var parent = el.find(".jFiler-jProgressBar").parent();
      //        el.find(".jFiler-jProgressBar").fadeOut("slow", function(){
      //            $("&lt;div class=\"jFiler-item-others text-success\"&gt;&lt;i class=\"icon-jfi-check-circle\"&gt;&lt;/i&gt; Success&lt;/div&gt;").hide().appendTo(parent).fadeIn("slow");    
      //        });
      //    },
      //    error: function(el){
      //        var parent = el.find(".jFiler-jProgressBar").parent();
      //        el.find(".jFiler-jProgressBar").fadeOut("slow", function(){
      //            $("&lt;div class=\"jFiler-item-others text-error\"&gt;&lt;i class=\"icon-jfi-minus-circle\"&gt;&lt;/i&gt; Error&lt;/div&gt;").hide().appendTo(parent).fadeIn("slow");    
      //        });
      //    },
      //    statusCode: null,
      //    onProgress: null,
      //    onComplete: null
      //},
      addMore: false,
      clipBoardPaste: true,
      excludeName: null,
      beforeRender: null,
      afterRender: null,
      beforeShow: null,
      beforeSelect: null,
      onSelect: null,
      afterShow: null,
      //onRemove: function(itemEl, file, id, listEl, boxEl, newInputEl, inputEl){
      //    var file = file.name;
      //    $.post('./php/remove_file.php', {file: file});
      //},
      onEmpty: null,
      options: null,
      captions: {
          button: "Choose Files",
          feedback: "Choose files To Upload",
          feedback2: "files were chosen",
          drop: "Drop file here to Upload",
          removeConfirmation: "Are you sure you want to remove this file?",
          errors: {
              filesLimit: "Only {{fi-limit}} files are allowed to be uploaded.",
              filesType: "Only Images are allowed to be uploaded.",
              filesSize: "{{fi-name}} is too large! Please upload file up to {{fi-maxSize}} MB.",
              filesSizeAll: "Files you've choosed are too large! Please upload files up to {{fi-maxSize}} MB."
          }
      }
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>                        &lt;div class="form-group clearfix"&gt;
                          &lt;div class="col-sm-12 padding-left-0 padding-right-0"&gt;
                              &lt;input type="file" name="files" id="filer_input2" multiple="multiple"&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>