Как разместить серийный объект и несколько изображений в сообщении ajax?

Question

Я пытаюсь отправить значения контроллеру через пост ajax. Здесь моя проблема в том, что я использую метод Serialize для публикации значений формы. Мне также нужно отправить изображения. Как я могу отправлять изображения и формировать данные, и какой должен быть метод контроллера, который принимает оба файла и значения модели?

Я получаю все текстовые значения, как этого

var files = $("#formid").serialize(); 

Я получаю изображение, как этот

var form1Data = new FormData(); 
var totalFiles = document.getElementById("files").files.length; 
    for (var i = 0; i < totalFiles; i++) { 
     var file = document.getElementById("files").files[i]; 
     form1Data.append("files", file); 
    } 

В Ajax вызова я должен послать оба файла и FormData. Как отправить запрос ajax

$.ajax(
     { 
      url: "/Home/PostanAd/", 
      type: "POST",     
      data: { form1Data: form1Data, files: files }, 
      contentType: false, 
      processData: false, 
     }); 

Может кто-нибудь предложить ответ?

Answer 1

var formData = new FormData(); 

// Для каждой вашей формы входы используют эту линию

form_data.append("name1", $("#id1").val()); 

// Теперь Добавить все изображения в форму объекта данных

var totalFiles = document.getElementById("files").files.length; 
for (var i = 0; i < totalFiles; i++) { 
    var file = document.getElementById("files").files[i]; 
    formData.append("files[]", file); //Use [] to add multiple. 
} 

// Тогда просто сделать простой вызов AJAX данные: formData only

$.ajax(
      { 
       url: "/Home/PostanAd/", 
       type: "POST", 

       data: formdata, 
       contentType: false, 
       processData: false,