Pass the drag drop file to controller MVC

Hi Experts,

I am trying to drag and drop an file and then upload it on click of a button. I save the file in a hidden variable, So I can pass it when I submit the form.

jQuery('#dropZone').on('drop dragdrop', function (e) {
e.preventDefault(); 
 fileName = e.originalEvent.dataTransfer.files[0].name;
 file = e.originalEvent.dataTransfer.files[0];
jQuery('#dragDropLogoUpload').val(file);
jQuery(this).html(fileName);
});

Select allOpen in new window

#dragDropLogoUpload is the hidden variable

jQuery('#logoSubmit').click(function () {
jQuery('#dragDropLogoUpload').val();
jQuery('#frmSubmitLogoPost').submit();
}

Select allOpen in new window

When I Submit it goes to the controller -

public ActionResult SubmitLogo(HttpPostedFileBase dragDropLogoUpload) {
}

Select allOpen in new window

 But for some reason the value of "dragDropLogoUpload" is coming as null.

Please suggest what am I doing wrong?

Thanks in advance!