title: drag and drop folder upload in jquery without library
body: <p>I have write normal multiple file drag and drop uploader like this,</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="drop-box drop-area"&gt;
      &lt;form enctype="multipart/form-data" id="yourregularuploadformId"&gt;
          &lt;input type="file" name="files[]" multiple="multiple" class="hidden"&gt;        
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>SCRIPT:</p>
  
  <pre><code>$('.drop-area').on(
              'drop',
              function (e) {
                  e.preventDefault();
                  e.stopPropagation();
                  if (e.originalEvent.dataTransfer) {
                      if (e.originalEvent.dataTransfer.files.length) {
                       processFileUpload(e.originalEvent.dataTransfer.files);
                      }
                  }
              }
      );
  
  function processFileUpload(droppedFiles) {
          var uploadFormData = new FormData($("#yourregularuploadformId")[0]);
          if (droppedFiles.length &gt; 0) { 
              for (var f = 0; f &lt; droppedFiles.length; f++) { 
                  uploadFormData.append("files[]", droppedFiles[f]); 
              }
          }
  
  $.ajax({
   url: "files.php",
              type: "POST",
              data: uploadFormData,
              cache: false,
              contentType: false,
              processData: false,
              success: function (ret) {
                 alert("file uploaded !");
              },
  });
  }
  </code></pre>
  
  <p>I have to upload folder,nested folder too(dir). how to do this ? anyone got this. it can be possible. i don't need use library for do this. (It must be work for IE10)</p>