forum

Home / DeveloperSection / Forums / HOW TO UPLOAD IMAGE IN MVC?

Ask Question

HOW TO UPLOAD IMAGE IN MVC?

Anand Pandey128115-May-2017
Hello, 
I am having problem in uploading an image through MVC in C#.
Anyone please help me with step by step Procedure to upload  image using Entity Framework.
c#c# mvc 
Updated on 15-May-2017
Anand Pandey

Anand Pandey

Follow

Can you answer this question?

Answer

1 Answers

Manish Kumar

Manish Kumar

15-May-2017

 You can use the same code as described below

Your view code 

@{
    Layout = null;
}
 
<!DOCTYPEhtml>
 
<html>
<head>
    <metaname="viewport"content="width=device-width"/>
    <title>Upload</title>
</head>
<body>
    <div>
        @using (Html.BeginForm("FileUpload", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{ 
    <labelfor="file">Upload Image:</label>
    <inputtype="file"name="file"id="file"style="width: 100%;"/>
    <inputtype="submit"value="Upload"class="submit"/>
}
    </div>
</body>
</html>
 


your controller should have action method which would accept HttpPostedFileBase


  publicActionResult FileUpload(HttpPostedFileBase file)
        {
            if (file != null)
            {
                string pic = System.IO.Path.GetFileName(file.FileName);
                string path = System.IO.Path.Combine(
                                       Server.MapPath("~/images/profile"), pic);
                // file is uploaded
                file.SaveAs(path);
 
                // save the image path path to the database or you can send image
                // directly to database
                // in-case if you want to store byte[] ie. for DB
                using (MemoryStream ms = new MemoryStream())
                {                    file.InputStream.CopyTo(ms);
                    byte[] array =ms.GetBuffer();
                }
 
            }
            // after successfully uploading redirect the user
            return RedirectToAction("actionname", "controller name");
        }
 

 

Liked By