I have a task to upload multiple files and pass them to my Controller's Action. The current code is functional, but I feel there could be room for improvement as it's somewhat manual.
I need to display file upload elements based on the number of records fetched from the database. The number of records varies, ranging from 1 to possibly more than 10.
HTML Code
@{
foreach(FileModel fileModel in Model.FileModel)
{
<input type="file" id="@("originalFile" + i)" />
}
}
AJAX Code
for(i = 1; i <= @Model.FileModel.Count; i++)
{
if($("#originalFile" + i).val() == "")
{
alert("You must upload all files");
return false;
}
else
model.append("originalFile" + i, $("#originalFile" + i)[0].files[0]);
}
C# Code [HttpPost]
public ActionResult UploadFiles(string masterRecordID, HttpPostedFileBase originalFile1 = null, HttpPostedFileBase originalFile2 = null, HttpPostedFileBase originalFile3 = null, HttpPostedFileBase originalFile4 = null, HttpPostedFileBase originalFile5 = null)
{
}
The code above is not efficient as I am manually passing individual files. The number of files can vary, so how can I make it dynamic by somehow passing an array or object of files through AJAX and then handling them in the controller?