how to pass list and Images through Ajax in MVC

I want List of data and multiple images are added in view.then this all data are passed to the Action through Ajax.how to solve this problem help me....

<input type="file" id="file1" name="file" multiple />

jquery and ajax code

for (var i = 0; i < arr.length; i++) {
resultQuiz.push({
Id: Id,
Message: 'Rating Star',
selectedAnswerOptionID: arr[i].starId,
value: arr[i].value,
});
}
var fileUpload = $("#file1").get(0);
var files = fileUpload.files;
var fileData = new FormData();
var lenimg = [];
for (var i = 0; i < files.length; i++) {
lenimg.push({
names:files[i].name,
})
//fileData.append(files[i].name, files[i]);
}
debugger;
for (var j = 0; j < lenimg.length; j++)
{
resultQuiz.push({
Id: Id,
Message: 'Images',
selectedAnswerOptionID: lenimg[j].names,
value: "",
});
}
$.ajax({
type: 'POST',
url: '@Url.Action("QuizTest", "Quizz")',
//data: fileData ,
data: { resultQuiz},
contentType: 'application/json; charset=utf-8',
dataType: 'json',
//processData: false,
//cache: false,
success: function (response) {
if (response != null) {
alert("Survey Save uccessfully.");
}
else {
alert("Survey Save uccessfully.");
}
},
error: function (response) {
}
});
console.log(resultQuiz);
});
});

the Action is

public ActionResult QuizTest(FormCollection form,List resultQuiz)
{
return view();
}

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Kalyani Shevale8y ago
but I want to pass list in list multiple attribute and multiple images pass from view to ajax then action.
How to pass images and List of data-ajax throught action???
0
Sanwar Ranwa8y ago
Hello

Please check these Links

https://www.wiliam.com.au/wiliam-blog/ajax-with-mvc-passing-a-list-of-objects

https://social.technet.microsoft.com/wiki/contents/articles/35826.passing-multiple-models-using-ajax-in-asp-net-mvc-step-by-step.aspx

https://forums.asp.net/t/1517358.aspx?Passing+a+list+of+objects+from+view+to+controller+via+jquery+ajax
-2