title: Image not getting posted with ajax(without submitting the form)
body: <p>My form is - </p>
  
  <pre><code>&lt;form id="fileupload" method="post" enctype="multipart/form-data"&gt;
       &lt;input type="file" id="headerimage" spellcheck="true" class="typography" name="headerimage"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>My ajax code is - </p>
  
  <pre><code>var fileData = new FormData($('#fileupload'));
              fileData.append('imagefile', $('#headerimage')[0].files);
              $.ajax({
                      type    : 'post',
                      data    : fileData,
                      url     : 'UploadImage.php',
                      dataType: 'json',
                      processData: false,
                      success : function(data)
                      {
                          alert("done");
                      },
                  });
  </code></pre>
  
  <p>Php code - </p>
  
  <pre><code>&lt;?php
      # Data Base Connection
      require_once('conn/dbConn.php');
      var_dump($_REQUEST);
      if (!empty($_FILES)) {
          var_dump($_FILES);
      }
  </code></pre>
  
  <p>Please Help. On the php page i am not getting file data.</p>