Pass fromdata mit Datei von jquery, AJAX zu Controller in asp.net mvc

Question

Ich versuche Formdata Fileupload mit Ajax und Jquery zu meinem Controller zu übergeben.

Aber wenn ich in der Steuerung bin, ist der Request.files.count 0 ??

Was fehlt mir?

Die Ansicht Datei

<div class="form-group"> 
        @Html.LabelFor(model => model.ImageFile) 

         <!-- Example file element --> 
         <input type="file" name="FileUpload1" id="FileUpload1" /> 

       </div> 

<script type="text/javascript"> 
    jQuery(document).ready(function ($) { 
     $('#loginButton').click(function (e) { 
      e.preventDefault(); 
      var formData = new FormData(); 
      var totalFiles = document.getElementById("FileUpload1").files.length; 

      var file = document.getElementById("FileUpload1").files[0]; 
      formData.append("FileUpload", file); 
      alert(totalFiles); 
      alert(file); 

     $.ajax({ 
      type: "POST", 
      url: '/Manage/GetPartialView)', 
      data: $formData, 
      dataType: 'json', 
      contentType: false, 
      processData: false, 
      success: function (result) { 
       alert(result); 
      }, 

     }); 
    }); 
    }); 

Der Controller

[AllowAnonymous] 
    [ValidateAntiForgeryToken] 
    [HttpPost] 
    public ActionResult GetPartialView(Listing listing) 
    { 
     if (Request.Files.Count > 0) 
     { 
      HttpPostedFileBase file = Request.Files[0]; 
     } 


     if (ModelState.IsValid) 
     { 
      db.Listings.Add(listing); 
      db.SaveChanges(); 
     } 
     return PartialView("_ProfileCreateListingsPartial"); 
    } 

Hoffnung jemand mir /Tina Diese

Answer 1

Verwenden helfen könnte, mit diesem Problem:

jQuery(document).ready(function ($) { 
    $('#loginButton').click(function (e) { 
     e.preventDefault(); 
     var formData = new FormData(); 
     var totalFiles = document.getElementById("FileUpload1").files.length; 

     var file = document.getElementById("FileUpload1").files[0]; 
     formData.append("FileUpload", file); 
     alert(totalFiles); 
     alert(file); 

    $.ajax({ 
     type: "POST", 
     url: '/Manage/GetPartialView', 
     data: formData, 
     dataType: 'json', 
     contentType: false, 
     processData: false, 
     success: function (result) { 
      alert(result); 
     }, 

    }); 
}); 


});