Tag Archives: asp mvc

How to create Picture Upload by using ASP MVC 4

This is a very simply example for how to using asp MVC. In this example doesn’t involved with your database. So start from create a model here is your code for your picture upload model. model is cs file, so save below code as PictureModel.cs

using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Web;

namespace MvcDemo.Models
    public class PictureModel
        public HttpPostedFileBase PictureFile { get; set; }

Then create a action event to your Controller. Controller also just cs file, so save below to one of the Controllers file

//by default, this will be called by get 
public ActionResult PictureUpload()
            return View();

here is the view file code. view is the PictureUpload.cshtml

@model MvcDemo.Models.PictureModel
    ViewBag.Title = "Picture Upload";

Picture Upload

@using (Html.BeginForm(null, null, FormMethod.Post, new { enctype = “multipart/form-data” })) { @Html.AntiForgeryToken() @Html.ValidationSummary(true)


@Html.LabelFor(model => model.PictureFile)


@Html.TextBoxFor(model => model.PictureFile, new { type = “file” }) @Html.ValidationMessageFor(model => model.PictureFile)

} @section Scripts { @Scripts.Render(“~/bundles/jqueryval”) }

After submit, it will call the post, below is the action event for post

        public ActionResult PictureUpload(PictureModel model)
            if (model.PictureFile.ContentLength > 0)
                var fileName = Path.GetFileName(model.PictureFile.FileName);
                var filePath = Server.MapPath("~/Content/Uploads");
                string savedFileName = Path.Combine(filePath, fileName);
            return View(model);