Upload Multiple File To wwwroot Folder in ASP.NET Core Using C#.Net | Asp.net Core 6 Multiple File Upload | How To Upload Multiple File Asp.net core 6

In this article i will show you how you can upload multiple files to wwwroot folder (image folder or any folder) in asp.net core 6 using C#.net. I have already shown to you how you can upload a file in wwwroot folder using asp.net core 6 using c#.net. 

Now for this we will create a new asp.net core 6 application. Now in wwwroot folder we will add an folder named as images. 

Now we will add a controller class file and add the below code in it.

[HttpGet]         public IActionResult Index()         {             return View();         }

 

After this we will create a view and add the below code in it. 

@{     ViewData["Title"] = "Upload  Page"; } @using (Html.BeginForm("Index", "Home", FormMethod.Post, new { @enctype = "multipart/form-data" })) {       <div class="text-center">         <h1 class="font-weight-bold">Upload File</h1>         <p style="color:red;font-weight:bold;">             @ViewBag.Message         </p>         <input type="file" name="formFile"  multiple/>         <input type="submit" value="Upload" />     </div> }

 

In above code check the highlighted part of the code. In above code i have added "@enctype = "multipart/form-data"  " You must add this without this you will not be able to get the upload file detail at controller end. 

Now point no 2 multiple add this tag in file upload control to make the control enable to select multiple files.

After creating the view we will add http post core in our controller file. 

      

[HttpPost]         public IActionResult Index(List<IFormFile> formFile)         {             try             {                 foreach (var file in formFile)                 {                     string fileName = file.FileName;                     fileName = Path.GetFileName(fileName);                     string uploadpath = Path.Combine(Directory.GetCurrentDirectory(), "wwwroot\\images", fileName);                     var stream = new FileStream(uploadpath, FileMode.Create);                     file.CopyToAsync(stream);                 }                 ViewBag.Message = "File uploaded successfully.";             }             catch             {                 ViewBag.Message = "Error while uploading the files.";             }               return View();         }

 

In above code i have taken List<IFormFile> formFile as a parameter. So this we have done to get the multiple selected files for upload. Now we have done run the application to check the output.

Now select the multiple file.

Here you can see file upload control showing 4 files. Now click on upload button.

AS we click on upload button break point will hit. and at controller end we can see that we are getting app 4 selected files.

Now press F5 and check the image folder present in wwwroot folder.

Here are the uploaded files.

Download