update operation for image uploading

Question

when i am performing update operation in mvc4 using razor it gives value at [HttpGet] but at [HttpPost] it gives null..............so how to perform edit operation. please give me it's code..........i tried many times to do it

Ramesh Palanivel · Answer

Hi Indu, Can you share your code or Images , It help us to give solution for your query!...

Indu Yadav · Answer

sir when post the value then image is not updating while in [HttpGet] Image has some value

Indu Yadav · Answer

sir please check it again ...............because it is not updating [HttpGet] public ActionResult EditData(int Candidate_Id) { var x = (from c in context.Applications where c.Candidate_Id == Candidate_Id select c).FirstOrDefault(); Application pro = new Models.Application(); pro.Candidate_Id = x.Candidate_Id; pro.Name = x.Name; pro.Father_Name = x.Father_Name; pro.Photograph = x.Photograph; pro.Candidate_signature = x.Candidate_signature; pro.Gender = x.Gender; pro.Gender = x.Gender; pro.DOB = x.DOB; pro.course = x.course; pro.appearing_class = x.appearing_class; pro.highschool = x.highschool; pro.Passing_Year_10 = x.Passing_Year_10; pro.Intermediate = x.Intermediate; pro.Passing_Year_12 = x.Passing_Year_12; pro.Graduation = x.Graduation; pro.Contact_No1 = x.Contact_No1; pro.Contact_No2 = x.Contact_No2; pro.Email_Id = x.Email_Id; pro.Residence = x.Residence; pro.Exam_center_code = x.Exam_center_code; pro.Category = x.Category; pro.Occupation_father = x.Occupation_father; pro.Income = x.Income; pro.City = x.City; pro.State = x.State; pro.Mail_Id1 = x.Mail_Id1; pro.Mail_Id2 = x.Mail_Id2; ViewBag.id = x.Candidate_Id; return View(pro); } [HttpPost] [ValidateInput(false)] public ActionResult EditData(Application pro) { if (ModelState.IsValid) { context.Entry(pro).State = EntityState.Modified; context.SaveChanges(); return RedirectToAction("Index", "Home"); } return View(pro); } [HttpGet] public ActionResult DeleteData(int Candidate_Id) { return View(); }

Ramesh Palanivel · Answer

Hi Indu, In your Ajax Posting , you are only posting the Id value, behind the reason your Model is Empty,It will only post the Id value to your second parameter. Your model will not bind here. For that, you can use form.serialize method.. Try my code, I have posted here function SelectedIndexChanged() { $("#AppearingClass").empty(); $.ajax({ type: 'POST', url: '@Url.Action("GetClass")', dataType: 'json', data: { Candidate_Id: $("#course").val() }, success: function (data) { $("#AppearingClass").append(' Select '); for (var i = 0; i { var opt = new Option(data[i].Text, data[i].Value); $('#AppearingClass').append(opt); } $("#div10").hide(); $("#drop10").hide(); }, error: function (ex) { alert('Failed to retrieve states.' + ex); } }); } Tryt the below code, function SelectedIndexChanged() { $("#AppearingClass").empty(); $.ajax({ type: 'POST', url: '@Url.Action("GetClass")', dataType: 'json', data: $('#EditData').Serialize(), success: function (data) { $("#AppearingClass").append(' option value = "0" > Select option > '); for (var i = 0 ; i data.length ; i++) { var opt = new Option(data[i].Text, data[i].Value); $('#AppearingClass').append(opt); } $("#div10").hide(); $("#drop10").hide(); }, error: function (ex) { alert('Failed to retrieve states.' + ex); } }); }

Indu Yadav · Answer

@model Application_Form.Models.Application Admin Panel -- COMED-I function SelectedIndexChanged() { $("#AppearingClass").empty(); $.ajax({ type: 'POST', url: '@Url.Action("GetClass")', dataType: 'json', data: { Candidate_Id: $("#course").val() }, success: function (data) { $("#AppearingClass").append(' Select '); for (var i = 0; i { var opt = new Option(data[i].Text, data[i].Value); $('#AppearingClass').append(opt); } $("#div10").hide(); $("#drop10").hide(); }, error: function (ex) { alert('Failed to retrieve states.' + ex); } }); } function showimagepreview(input) { if (input.files && input.files[0]) { var filerdr = new FileReader(); filerdr.onload = function (e) { $('#imgprvw').attr('src', e.target.result); } filerdr.readAsDataURL(input.files[0]); } } function showimagepreviews(input) { if (input.files && input.files[0]) { var filerdr = new FileReader(); filerdr.onload = function (e) { $('#imgprvw1').attr('src', e.target.result); } filerdr.readAsDataURL(input.files[0]); } } $(function mba() { $("#course").change(function mba() { var course_val = $("#course").val(); if ($(this).val() == "1") { $("#div10").show(); $("#drop10").show(); $("#div12").show(); $("#drop12").show(); $("#divgrad").show(); $("#dropgrad").show(); } else if ($(this).val() == "2") { $("#div10").show(); $("#drop10").show(); $("#div12").show(); $("#drop12").show(); $("#divgrad").hide(); $("#dropgrad").hide(); } else if ($(this).val() == "3") { $("#div10").show(); $("#drop10").show(); $("#div12").hide(); $("#drop12").hide(); $("#divgrad").hide(); $("#dropgrad").hide(); } else { $("#div10").hide(); $("#drop10").hide(); $("#div12").hide(); $("#drop12").hide(); $("#divgrad").hide(); $("#dropgrad").hide(); } }); }); $(function () { $("#AppearingClass").change(function () { var app_val = $("#AppearingClass").val(); var course_val = $("#course").val(); if ($(this).val() == "1") { $("#div10").show(); $("#drop10").show(); $("#div12").show(); $("#drop12").show(); $("#divgrad").hide(); $("#dropgrad").hide(); } else if ($(this).val() == "2") { $("#div10").show(); $("#drop10").show(); $("#div12").hide(); $("#drop12").hide(); $("#divgrad").hide(); $("#dropgrad").hide(); } else if ($(this).val() == "3") { $("#div10").hide(); $("#drop10").hide(); $("#div12").hide(); $("#drop12").hide(); $("#divgrad").hide(); $("#dropgrad").hide(); } else if (app_val == "0" && course_val == "1") { $("#div10").show(); $("#drop10").show(); $("#div12").show(); $("#drop12").show(); $("#divgrad").show(); $("#dropgrad").show(); } else if (app_val == "0" && course_val == "2") { $("#div10").show(); $("#drop10").show(); $("#div12").show(); $("#drop12").show(); $("#divgrad").hide(); $("#dropgrad").hide(); } else if (app_val == "0" && course_val == "3") { $("#div10").hide(); $("#drop10").hide(); $("#div12").hide(); $("#drop12").hide(); $("#divgrad").show(); $("#dropgrad").show(); } else { $("#div10").hide(); $("#drop10").hide(); $("#div12").hide(); $("#drop12").hide(); $("#divgrad").hide(); $("#dropgrad").hide(); } }); }); @section Scripts { @Scripts.Render("~/bundles/jqueryui") @Styles.Render("~/Content/cssjqryUi") $(document).ready(function () { $('input[type=datetime]').datepicker({ dateFormat: "dd/M/yy", changeMonth: true, changeYear: true, yearRange: "-60:+0" }); }); }        Change Password  |   Logout Application Entry View ALL ALL B.TECH Polytechnic MBA BBA B- PHARMA ONLINE ALL B.TECH Polytechnic MBA BBA B- PHARMA OFFLINE ALL B.TECH Polytechnic MBA BBA B- PHARMA Search Center Allotment view alloment centre address Admit Card Result Entry view edit Print admit card address rank card SMS @using (@Html.BeginForm("EditData", "Home", FormMethod.Post)) { @Html.AntiForgeryToken(); @Html.HiddenFor(model=>model.Candidate_Id) Application Entry   Condidate's Name   @Html.TextBoxFor(model => model.Name, new { @required = "required" }) * Condidate's name Required --> Note 1:   [as per 10th certificate] Note 2:   [Please do not use any prefix such as Mr. or Ms. etc.] Father's Name @Html.TextBoxFor(model => model.Father_Name, new { @required = "required" }) Recent Color Photograph @Html.TextBoxFor(model => model.Photograph, new { @type = "file", @id = "photograph", @onchange = "showimagepreview(this)", @class = "form-control" }) @if ((Model.Photograph) != null) { } Condidate's Signature @Html.TextBoxFor(model => model.Candidate_signature, new { @type = "file", @id = "candi_sign", @onchange = "showimagepreviews(this)", @class = "form-control" }) @if ((Model.Candidate_signature) != null) { } Gender @Html.DropDownListFor(model => model.Gender, new List { new SelectListItem{Value="Male",Text="Male"}, new SelectListItem{Value="Female",Text="Female"}, }, new { @class = "span6" }) Date Of Birth @Html.TextBoxFor(model => model.DOB, new { @id = "datepicker", @type = "date" }) Note 1:   [Date of Birth as recorded in the Matriculation/Secondary Certificate] Select Course @Html.DropDownListFor(model => model.course, new List { new SelectListItem{Value="0",Text="Select"}, new SelectListItem{Value="1",Text="MBA"}, new SelectListItem{Value="2",Text="B.TECH"}, new SelectListItem{Value="3",Text="POLYTECHNIC"} }, new { @class = "span6", @onchange = "SelectedIndexChanged()" }) @*@Html.DropDownList("AddData", ViewData["course"] as List )*@ IF You Are Appearing Condidate @Html.DropDownListFor(model => model.appearing_class, new List { new SelectListItem{Value="0",Text="select"}, }, new { @class = "span6", @id = "AppearingClass", @name = "AppearingClass" }) @* Select *@ Condidate's name Required --> Educational Qualification A.  % of Class 10th @Html.TextBoxFor(model => model.highschool, new { @class = "span6", @id = "10textbox", @name = "highschooltextbox", }) %      Passing Year of Class 10th @Html.DropDownListFor(model => model.Passing_Year_10, new List { new SelectListItem{Value="2010",Text="2010"}, new SelectListItem{Value="2011",Text="2011"}, }, new { @class = "span6", @id = "dropdown10", @name = "highschooldropdown" }) B.  % of Class 12th @Html.TextBoxFor(model => model.Intermediate, new { @id = "12textbox", @name = "intermediatetextbox" }) %      Passing Year of Class 12th @Html.DropDownListFor(model => model.Passing_Year_12, new List { new SelectListItem{Value="2010",Text="2010"}, new SelectListItem{Value="2012",Text="2012"}, }, new { @class = "span6", @id = "12dropdown", @name = "intermediatedropdown" }) C.  % of Graduation @Html.TextBoxFor(model => model.Graduation, new { @id = "grad", @name = "gradtextbox" })       Passing Year of Graduation @Html.DropDownListFor(model => model.Passing_Year_Grad, new List { new SelectListItem{Value="2010",Text="2010"}, new SelectListItem{Value="2011",Text="2011"}, }, new { @class = "span6", @id = "graddropdown", @name = "graduationdropdown" }) Condidate's Contact No 1. @Html.TextBoxFor(model => model.Contact_No1) Condidate's Contact No 2. @Html.TextBoxFor(model => model.Contact_No2) Condidate's Email-ID @Html.TextBoxFor(model => model.Email_Id) Condidate's name Required --> Place Of Residence @Html.DropDownListFor(model => model.Residence, new List { new SelectListItem{Value="Village",Text="Village"}, new SelectListItem{Value="Town",Text="Town"}, }) Choice Of Exam Centre code 1.   Choice @Html.TextBoxFor(model => model.Exam_center_code) Category @Html.DropDownListFor(model => model.Category, new List { new SelectListItem{Value="GEN",Text="GEN"}, new SelectListItem{Value="OBC",Text="OBC"}, new SelectListItem {Value="SC", Text = "SC" }, new SelectListItem{Value="ST",Text="ST"}, }) Occupation Of Parent / Guardian @Html.DropDownListFor(model => model.Occupation_father, new List { new SelectListItem{Value="Aggriculture",Text="Aggriculture"}, new SelectListItem{Value="Bussiness",Text="Bussiness"}, new SelectListItem {Value="Private", Text = "Private" }, }) Total Annual Income Of Parent / Guardian @Html.DropDownListFor(model => model.Income, new List { new SelectListItem{Value="1,00,000",Text="1,00,000"}, new SelectListItem{Value="1,00,000-3,00,000",Text="1,00,000-3,00,000"}, new SelectListItem {Value="3,00,000 - 6,00,000", Text = "3,00,000 - 6,00,000" }, new SelectListItem {Value="Above 10,00,000", Text = "Above 10,00,000" }, }) District / City @Html.TextBoxFor(model => model.City) State @Html.TextBoxFor(model => model.State) Condidate's Mailing Address 1 @Html.TextBoxFor(model => model.Mail_Id1) Condidate's Mailing Address 2 @Html.TextBoxFor(model => model.Mail_Id2) Declaration I hereby declare that all the particulars stated in the application form are true to the best of my knowledge and belief. I have read the MSJEE Information Brochure and I shall abide by the terms & condition their in. I agree with all condition. Save Cancel } Copyright © 2014, comed-i. All Rights Reserved. Powered by

Ramesh Palanivel · Answer

Hi Indu, Kindly share your HTML page also. How you are trying to post the model to controller..

Indu Yadav · Answer

Hello Sir Please check my code........ [HttpGet] public ActionResult EditData(int Candidate_Id) { var image = context.Applications.Find(Candidate_Id); if (image == null) { return new HttpNotFoundResult(); } var model = new Application { Name = image.Name, Father_Name=image.Father_Name, Photograph=image.Photograph, Candidate_signature=image.Candidate_signature, Gender=image.Gender, DOB=image.DOB, course=image.course, appearing_class=image.appearing_class, Contact_No1=image.Contact_No1, Contact_No2=image.Contact_No2, Email_Id=image.Email_Id, Residence=image.Residence, Exam_center_code=image.Exam_center_code, Category=image.Category, Occupation_father=image.Occupation_father, Income=image.Income, City=image.City, State=image.State, Mail_Id1=image.Mail_Id1, Mail_Id2=image.Mail_Id2, }; return View(model); } [HttpPost] [ValidateInput(false)] public ActionResult EditData(Application model, int Candidate_Id) { if (ModelState.IsValid) { var image= context.Applications.Find(Candidate_Id); if (image == null) { return new HttpNotFoundResult(); } image.Name=model.Name; image.Father_Name=model.Father_Name; image.Photograph=model.Photograph; image.Candidate_signature=model.Candidate_signature; image.Gender=model.Gender; image.DOB=model.DOB; image.course=model.course; image.appearing_class=model.appearing_class; image.Contact_No1=model.Contact_No1; image.Contact_No2=model.Contact_No2; image.Email_Id=model.Email_Id; image.Residence=model.Residence; image.Exam_center_code=model.Exam_center_code; image.Category=model.Category; image.Occupation_father=model.Occupation_father; image.Income=model.Income; image.City=model.City; image.State=model.State; image.Mail_Id1=image.Mail_Id1; image.Mail_Id2=image.Mail_Id2; if (model.Photograph != null) { var imagePath = Path.GetFileName(image.Photograph); var imageUrl = System.IO.Path.Combine(Server.MapPath("~/PICS/"), imagePath); image.Photograph = imageUrl; } context.SaveChanges(); return RedirectToAction("Index"); } return View(model); }

Vivek Kumar · Answer

Hi, You have to check the action parameter. Check the below links. https://docs.microsoft.com/en-us/aspnet/web-api/overview/formats-and-model-binding/parameter-binding-in-aspnet-web-api