title: Is it possible to send a file object in this way?
body: <p>I am beginner in jquery. I am trying to send a File object which i get from 
                  my html:</p>  
  
  <pre><code> &lt;label for="photo" class="col-xs-2"&gt;Photo&lt;/label&gt;
   &lt;input id="photo" name="fileName" type="file" class="col-xs-4"/&gt;
  </code></pre>
  
  <p> This is my JavaScript:</p>
  
  <pre><code> var file = $('#photo')[0].files[0];
   console.log(file);
  
   var data = { name: name, dob: dob,fname: fname,mob: mob,mName: mName, Email: Email, NID: NID,password: password,District: District,Thana: Thana,gender: gender,file: file };
   $.ajax({url: "singleUpload",
                  type: "POST",
                  data:data,
                  contentType: false,
                  success: function (response) 
                  {
                  $("#academic").html(response);
                  console.log("ajax ok");
                  }    
   });
  </code></pre>
  
  <p>I don't want to use new FormData() or iFrame.</p>
  
  <p>Any help will be appreciated.</p>