HOW TO UPLOAD IMAGE IN MVC?

Anand Pandey 1650 15 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.

Anand Pandey

Other

1 Answers

Manish Kumar 15 May 2017

You can use the same code as described below

Your view code

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

your controller should have action method which would accept HttpPostedFileBase

  public ActionResult 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");
        }

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

HOW TO UPLOAD IMAGE IN MVC?

Can you answer this question?

1 Answers