Upload Files In ASP.NET MVC 5

Nitin
1y
842.6k
0
12

Article

1. Creating MVC Application

Let us implement these in a sample Application. Open Visual Studio. Go to File->New->Project. Give a suitable name to the Application. Click OK.

Create Application

Select MVC Template. Click OK.

Select Template

2. Adding Folder

We will add a folder to store the files in the application. Here, I have added a folder to the application.

Add Folder

3. Adding Controller

Let us add a controller. Right-click on the Controller. Add->Controller.

Add Controller

Select MVC 5 Controller -Empty. Click Add.

Select Controller

Give a suitable name to the controller.

Name Controller

Write the following code in the controller.

using System;  
using System.Collections.Generic;  
using System.IO;  
using System.Linq;  
using System.Web;  
using System.Web.Mvc;  
namespace FileUpload.Controllers  
{  
    public class UploadController: Controller  
    {  
        // GET: Upload  
        public ActionResult Index()  
        {  
            return View();  
        }  
        [HttpGet]  
        public ActionResult UploadFile()  
        {  
            return View();  
        }  
        [HttpPost]  
        public ActionResult UploadFile(HttpPostedFileBase file)  
        {  
            try  
            {  
                if (file.ContentLength > 0)  
                {  
                    string _FileName = Path.GetFileName(file.FileName);  
                    string _path = Path.Combine(Server.MapPath("~/UploadedFiles"), _FileName);  
                    file.SaveAs(_path);  
                }  
                ViewBag.Message = "File Uploaded Successfully!!";  
                return View();  
            }  
            catch  
            {  
                ViewBag.Message = "File upload failed!!";  
                return View();  
            }  
        }  
    }  
}

4. Adding View

Right-click on UploadFileActionResult. Go to Add View.

Add View

Select the empty template. Click add.

Select Empty Template

Write the following code in the View.

@{  
    ViewBag.Title = "UploadFile";  
}
<h2>UploadFile</h2>  
@using(Html.BeginForm("UploadFile","Upload", FormMethod.Post, new { enctype="multipart/form-data"}))  
{  
    <div>  
        @Html.TextBox("file", "", new {  type= "file"}) <br />  
        <input type="submit" value="Upload" />
        @ViewBag.Message
    </div>   
}