Uploaded Image cant Edit in edit view

Question

Im make The Image Uploaded Create Controller are really working and save the image for DB, Update are working but not replace image, alwyas display uplaoded image in grid view, please help me , how can i fix it? thanks

Create - Controller

  public ActionResult Save(Component component, HttpPostedFileBase file)
    {   
        string fileName = string.Empty;
        if (file != null && file.ContentLength > 0)
        {
            // extract only the fielname
            fileName = Path.GetFileName(file.FileName);
            // store the file12 inside ~/App_Data/uploads folder
            var path = Path.Combine(Server.MapPath("~/Uploaded"), fileName);
            file.SaveAs(path);
        }

        var objContext = new KnittingdbContext();
        component.CreateBy = 1;
        component.StatusChangeDate = System.DateTime.Now;
        component.CreatedDate = System.DateTime.Now;
        component.EditBy = 1;
        component.EditDate = System.DateTime.Now;
        //file name added here
        component.FileName = fileName;  
        objContext.Components.Add(component);
        objContext.SaveChanges();

        TempData["Success"] = "Saved Sucessfully";

        return RedirectToAction("ComponentIndex", new { A = "New" });
    } 






public ActionResult FileName(string id)
{
    byte[] image = { };

    try
    {
        image = System.IO.File.ReadAllBytes(Server.MapPath("~/Uploaded/") + id);
    }
    catch { }

    return File(image, "image/png");
}

My Update Controller:

 public ActionResult Update(Component component, HttpPostedFileBase file)
        { 
            string fileName = string.Empty;
            if (file != null && file.ContentLength > 0)
            {
                // extract only the fielname
                fileName = Path.GetFileName(file.FileName);
                // store the file12 inside ~/App_Data/uploads folder
                var path = Path.Combine(Server.MapPath("~/Uploaded"), fileName);
                file.SaveAs(path);


                var objContext = new KnittingdbContext();
                //blog.Id = 1;
                objContext.Components.Attach(component);
                var obJBlog = objContext.Entry(component);

                obJBlog.Property(a => a.ComponentCode).IsModified = true;
                obJBlog.Property(a => a.ComponentName).IsModified = true;
                obJBlog.Property(a => a.Remarks).IsModified = true;
                obJBlog.Property(a => a.StatusId).IsModified = true;



                objContext.SaveChanges();

                TempData["SuccessEdit"] = "Saved Sucessfully";

                return RedirectToAction("ComponentIndex");
            }
            else
            {
                return PartialView("_ComponentEdit", component);
            }
        }

Update View


        @using (Html.BeginForm("Update", "Component", FormMethod.Post, new { enctype = "multipart/form-data" }))
        {

            Component Code*

            
                @Html.TextBoxFor(a => a.ComponentCode, new { @maxlength = "5", Class = "form-control", style = "width:175px; height:25px;font-size:small;", onkeyup = "return validateChar(this)", @readonly = "readonly" })
                
                @Html.ValidationMessageFor(a => a.ComponentCode)
            
            
    
    
        Component*
    
            
                @Html.TextBoxFor(a => a.ComponentName, new { @maxlength = "15", Class = "form-control", style = "width:175px; height:25px;margin-top:6px;font-size:small;" })
                @Html.ValidationMessageFor(a => a.ComponentName)
            
            
    

        
            Remarks
        
    
            
                @Html.TextBoxFor(a => a.Remarks, new { Class = "form-control", style = "width: 250px; height: 65px; resize: none;margin-top:4px;font-size:small;  " })
            
            
    
    
        Status
    

            
                @Html.CheckBoxFor(a => a.StatusId)
            

            
                @Html.HiddenFor(a => a.ComponentId)
            
            
    
            
                
            



     


        }

lexeme · Accepted Answer

Probably because you're missing the line in your Update action:

component.FileName = fileName;

Here's the action:

public ActionResult Update(Component component, HttpPostedFileBase file)
{ 
    string fileName = string.Empty;

    if (file != null && file.ContentLength > 0)
    {
        // extract only the fielname
        fileName = Path.GetFileName(file.FileName);
        // store the file12 inside ~/App_Data/uploads folder
        var path = Path.Combine(Server.MapPath("~/Uploaded"), fileName);

        file.SaveAs(path);

        var objContext = new KnittingdbContext();
        // blog.Id = 1;

        // update the filename
        component.FileName = filename;

        objContext.Components.Attach(component);
        var obJBlog = objContext.Entry(component);

        obJBlog.Property(a => a.ComponentCode).IsModified = true;
        obJBlog.Property(a => a.ComponentName).IsModified = true;
        obJBlog.Property(a => a.Remarks).IsModified = true;
        obJBlog.Property(a => a.StatusId).IsModified = true;

        objContext.SaveChanges();

        TempData["SuccessEdit"] = "Saved Sucessfully";

        return RedirectToAction("ComponentIndex");
    }
    else
    {
        return PartialView("_ComponentEdit", component);
    }
}

Uploaded Image cant Edit in edit view

Answers (1)

Related Questions