Image validation in mvc modle.

Question

Hello i have upload image this name image266.png and i have implement modle validation .But i have face issue i have upload (image266.png) this name type image show error (only image file allow). How to solve this. MVC

Sachin Singh · Answer

check file extension when you are uploading file and then set error message if file type is not valid string filename=file.FileName; var ext = filename.Substring(filename.LastIndexOf( "." )+1).ToLower(); if (ext== "jpeg" ||ext== "jpg" ){ string path = Server.MapPath( "~/uploads/" + filename); file.SaveAs(path); else { viewbag.ErrorMessage= "file type not supported" }

Farhan Ahmed · Answer

Custom Validation public class ValidateFileAttribute : RequiredAttribute { public override bool IsValid( object value) { var file = value as HttpPostedFileBase; if (file == null ) { return false ; } if (file.ContentLength > 1 * 1024 * 1024) { return false ; } try { using (var img = Image.FromStream(file.InputStream)) { return img.RawFormat.Equals(ImageFormat.Png); } } catch { } return false ; } } Model public class MyViewModel { [ValidateFile(ErrorMessage = "Please select a PNG image smaller than 1MB" )] public HttpPostedFileBase File { get ; set ; } } Controller public class HomeController : Controller { public ActionResult Index() { var model = new MyViewModel(); return View(model); } [HttpPost] public ActionResult Index(MyViewModel model) { if (!ModelState.IsValid) { return View(model); } // The uploaded image corresponds to our business rules => process it var fileName = Path.GetFileName(model.File.FileName); var path = Path.Combine(Server.MapPath( "~/App_Data" ), fileName); model.File.SaveAs(path); return Content( "Thanks for uploading" , "text/plain" ); } } View @model MyViewModel @ using (Html.BeginForm( "Index" , "Home" , FormMethod.Post, new { enctype = "multipart/form-data" })) { @Html.LabelFor(x => x.File) "file" name= "@Html.NameFor(x => x.File)" id= "@Html.IdFor(x => x.File)" /> @Html.ValidationMessageFor(x => x.File) "submit" value= "upload" /> }

Mageshwaran R · Answer

Hi Sourabh Dhinam, please refer this link,It may help you, https://www.c-sharpcorner.com/article/file-upload-extension-validation-in-asp-net-mvc-and-javascript/ https://stackoverflow.com/questions/6388812/how-to-validate-uploaded-file-in-asp-net-mvc

Image validation in mvc modle.

Answers (3)