Mixing
Pass the name (value) of image to Edit view in asp .net MVC 5?
0
My model:
public int ID { get; set; }
public string Name { get; set; }
public string LastName { get; set; }
public byte Fotografia { get; set; }
Controller (create/Get):
// GET: Empleados/Create
public ActionResult Create()
{
return View();
}
Controller (create/Post):
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create([Bind(Include = "ID,Nombre,Paterno,Fotografia,")] Empleado empleado, HttpPostedFileBase foto)
{
var db = new SIPAE_Context();
if (foto != null)
{
empleado.Fotografia = new byte[foto.ContentLength];
foto.InputStream.Read(empleado.Fotografia, 0, foto.ContentLength);
if (ModelState.IsValid)
{
db.Empleados.Add(empleado);
db.SaveChanges();
return RedirectToAction("Index");
}
}
if (ModelState.IsValid)
{
db.Empleados.Add(empleado);
db.SaveChanges();
return RedirectToAction("Index");
}
return View(empleado);
}
View (Create):
@using (Html.BeginForm("Create","Empleados",FormMethod.Post, new {
enctype = "multipart/form-data" }))
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
Name
<div class="col-md-10">
@Html.EditorFor(model => model.Name, new { htmlAttributes =
new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Name, "", new { @class
= "text-danger" })
</div>
</div>
<div class="form-group">
Last Name
<div class="col-md-10">
@Html.EditorFor(model => model.LastName, new { htmlAttributes = new
{
@class = "form-control" } })
@Html.ValidationMessageFor(model => model.LastName, "", new { @class
= "text-danger" })
</div>
</div>
<div class="form-group">
Fotografia
<div class="col-md-10">
<input type="file" id="foto" name="foto" />
@Html.ValidationMessageFor(model => model.Fotografia, "", new {
@class = "text-danger" })
</div>
</div>
View (Index):
<table class="table">
<tr>
<th>
Fotografia
</th>
<th>
Name
</th>
<th>
Last Name
</th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@{
if (item.Fotografia != null)
{
var base64 = Convert.ToBase64String(item.Fotografia);
var imgsrc = string.Format("data:image/jpeg;base64,{0}", base64);
<img src='@imgsrc' style="max-height:100px;max-width:100px" />
}
Html.DisplayFor(modelItem => item.Fotografia);
}
</td>
<td>
@Html.DisplayFor(modelItem => item.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.LastName)
</td>
<td>
@Html.ActionLink("Editar", "Edit", new { id = item.ID }) |
@Html.ActionLink("Detalles", "Details", new { id = item.ID }) |
@Html.ActionLink("Eliminar", "Delete", new { id = item.ID })
</td>
</tr>
}
So far so good, I can insert a new user with name, last name and image(fotografia) and display it. What i have to do is the Edit view, i want it to show the name of the image(Fotografia). Can you guide me to the right direction?
This is what I have on the controller (Get):
// GET: Empleados/Edit/5
public ActionResult Edit(int? id)
{
if (id == null)
{
return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
}
Empleado empleado = db.Empleados.Find(id);
if (empleado == null)
{
return HttpNotFound();
}
return View(empleado);
}
This is what I have on the controller (Post):
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Edit([Bind(Include = "ID,Name,LastName,Fotografia")]
Empleado empleado, HttpPostedFileBase foto)
{
var db = new SIPAE_Context();
if (foto != null)
{
empleado.Fotografia = new byte[foto.ContentLength];
foto.InputStream.Read(empleado.Fotografia, 0, foto.ContentLength);
if (ModelState.IsValid)
{
db.Entry(empleado).State = EntityState.Modified;
db.SaveChanges();
return RedirectToAction("Index");
}
}
if (ModelState.IsValid)
{
db.Entry(empleado).State = EntityState.Modified;
db.SaveChanges();
return RedirectToAction("Index");
}
return View(empleado);
}
Here I'm able to edit the User but is not showing the previous Image(Fotografia) so If I click submit with out loading a new Image(Fotgrafia) it will delete the previous one. What I have to do is the Edit view, I want it to show the name of the image(Fotografia). Can you guide me to the right direction?
.net image asp.net-mvc-5 upload varbinary
asked Nov 21 '18 at 19:36
GamaGama
33
add a comment |
0
My model:
public int ID { get; set; }
public string Name { get; set; }
public string LastName { get; set; }
public byte Fotografia { get; set; }
Controller (create/Get):
// GET: Empleados/Create
public ActionResult Create()
{
return View();
}
Controller (create/Post):
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create([Bind(Include = "ID,Nombre,Paterno,Fotografia,")] Empleado empleado, HttpPostedFileBase foto)
{
var db = new SIPAE_Context();
if (foto != null)
{
empleado.Fotografia = new byte[foto.ContentLength];
foto.InputStream.Read(empleado.Fotografia, 0, foto.ContentLength);
if (ModelState.IsValid)
{
db.Empleados.Add(empleado);
db.SaveChanges();
return RedirectToAction("Index");
}
}
if (ModelState.IsValid)
{
db.Empleados.Add(empleado);
db.SaveChanges();
return RedirectToAction("Index");
}
return View(empleado);
}
View (Create):
@using (Html.BeginForm("Create","Empleados",FormMethod.Post, new {
enctype = "multipart/form-data" }))
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
Name
<div class="col-md-10">
@Html.EditorFor(model => model.Name, new { htmlAttributes =
new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Name, "", new { @class
= "text-danger" })
</div>
</div>
<div class="form-group">
Last Name
<div class="col-md-10">
@Html.EditorFor(model => model.LastName, new { htmlAttributes = new
{
@class = "form-control" } })
@Html.ValidationMessageFor(model => model.LastName, "", new { @class
= "text-danger" })
</div>
</div>
<div class="form-group">
Fotografia
<div class="col-md-10">
<input type="file" id="foto" name="foto" />
@Html.ValidationMessageFor(model => model.Fotografia, "", new {
@class = "text-danger" })
</div>
</div>
View (Index):
<table class="table">
<tr>
<th>
Fotografia
</th>
<th>
Name
</th>
<th>
Last Name
</th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@{
if (item.Fotografia != null)
{
var base64 = Convert.ToBase64String(item.Fotografia);
var imgsrc = string.Format("data:image/jpeg;base64,{0}", base64);
<img src='@imgsrc' style="max-height:100px;max-width:100px" />
}
Html.DisplayFor(modelItem => item.Fotografia);
}
</td>
<td>
@Html.DisplayFor(modelItem => item.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.LastName)
</td>
<td>
@Html.ActionLink("Editar", "Edit", new { id = item.ID }) |
@Html.ActionLink("Detalles", "Details", new { id = item.ID }) |
@Html.ActionLink("Eliminar", "Delete", new { id = item.ID })
</td>
</tr>
}
So far so good, I can insert a new user with name, last name and image(fotografia) and display it. What i have to do is the Edit view, i want it to show the name of the image(Fotografia). Can you guide me to the right direction?
This is what I have on the controller (Get):
// GET: Empleados/Edit/5
public ActionResult Edit(int? id)
{
if (id == null)
{
return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
}
Empleado empleado = db.Empleados.Find(id);
if (empleado == null)
{
return HttpNotFound();
}
return View(empleado);
}
This is what I have on the controller (Post):
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Edit([Bind(Include = "ID,Name,LastName,Fotografia")]
Empleado empleado, HttpPostedFileBase foto)
{
var db = new SIPAE_Context();
if (foto != null)
{
empleado.Fotografia = new byte[foto.ContentLength];
foto.InputStream.Read(empleado.Fotografia, 0, foto.ContentLength);
if (ModelState.IsValid)
{
db.Entry(empleado).State = EntityState.Modified;
db.SaveChanges();
return RedirectToAction("Index");
}
}
if (ModelState.IsValid)
{
db.Entry(empleado).State = EntityState.Modified;
db.SaveChanges();
return RedirectToAction("Index");
}
return View(empleado);
}
Here I'm able to edit the User but is not showing the previous Image(Fotografia) so If I click submit with out loading a new Image(Fotgrafia) it will delete the previous one. What I have to do is the Edit view, I want it to show the name of the image(Fotografia). Can you guide me to the right direction?
.net image asp.net-mvc-5 upload varbinary
asked Nov 21 '18 at 19:36
GamaGama
33
By name of image do you mean the name of the file the user uploaded? It which case usefoto.FileNameto get it (and assign it to a model property if you want). And you do not use data models in your views when editing data. You use a view model - refer What is ViewModel in MVC? nd in the POST method you get the data model from the db and update its properties based on the view model then save the data model.
– user3559349
Nov 21 '18 at 21:28
add a comment |
0
0
0
My model:
public int ID { get; set; }
public string Name { get; set; }
public string LastName { get; set; }
public byte Fotografia { get; set; }
Controller (create/Get):
// GET: Empleados/Create
public ActionResult Create()
{
return View();
}
Controller (create/Post):
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create([Bind(Include = "ID,Nombre,Paterno,Fotografia,")] Empleado empleado, HttpPostedFileBase foto)
{
var db = new SIPAE_Context();
if (foto != null)
{
empleado.Fotografia = new byte[foto.ContentLength];
foto.InputStream.Read(empleado.Fotografia, 0, foto.ContentLength);
if (ModelState.IsValid)
{
db.Empleados.Add(empleado);
db.SaveChanges();
return RedirectToAction("Index");
}
}
if (ModelState.IsValid)
{
db.Empleados.Add(empleado);
db.SaveChanges();
return RedirectToAction("Index");
}
return View(empleado);
}
View (Create):
@using (Html.BeginForm("Create","Empleados",FormMethod.Post, new {
enctype = "multipart/form-data" }))
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
Name
<div class="col-md-10">
@Html.EditorFor(model => model.Name, new { htmlAttributes =
new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Name, "", new { @class
= "text-danger" })
</div>
</div>
<div class="form-group">
Last Name
<div class="col-md-10">
@Html.EditorFor(model => model.LastName, new { htmlAttributes = new
{
@class = "form-control" } })
@Html.ValidationMessageFor(model => model.LastName, "", new { @class
= "text-danger" })
</div>
</div>
<div class="form-group">
Fotografia
<div class="col-md-10">
<input type="file" id="foto" name="foto" />
@Html.ValidationMessageFor(model => model.Fotografia, "", new {
@class = "text-danger" })
</div>
</div>
View (Index):
<table class="table">
<tr>
<th>
Fotografia
</th>
<th>
Name
</th>
<th>
Last Name
</th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@{
if (item.Fotografia != null)
{
var base64 = Convert.ToBase64String(item.Fotografia);
var imgsrc = string.Format("data:image/jpeg;base64,{0}", base64);
<img src='@imgsrc' style="max-height:100px;max-width:100px" />
}
Html.DisplayFor(modelItem => item.Fotografia);
}
</td>
<td>
@Html.DisplayFor(modelItem => item.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.LastName)
</td>
<td>
@Html.ActionLink("Editar", "Edit", new { id = item.ID }) |
@Html.ActionLink("Detalles", "Details", new { id = item.ID }) |
@Html.ActionLink("Eliminar", "Delete", new { id = item.ID })
</td>
</tr>
}
So far so good, I can insert a new user with name, last name and image(fotografia) and display it. What i have to do is the Edit view, i want it to show the name of the image(Fotografia). Can you guide me to the right direction?
This is what I have on the controller (Get):
// GET: Empleados/Edit/5
public ActionResult Edit(int? id)
{
if (id == null)
{
return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
}
Empleado empleado = db.Empleados.Find(id);
if (empleado == null)
{
return HttpNotFound();
}
return View(empleado);
}
This is what I have on the controller (Post):
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Edit([Bind(Include = "ID,Name,LastName,Fotografia")]
Empleado empleado, HttpPostedFileBase foto)
{
var db = new SIPAE_Context();
if (foto != null)
{
empleado.Fotografia = new byte[foto.ContentLength];
foto.InputStream.Read(empleado.Fotografia, 0, foto.ContentLength);
if (ModelState.IsValid)
{
db.Entry(empleado).State = EntityState.Modified;
db.SaveChanges();
return RedirectToAction("Index");
}
}
if (ModelState.IsValid)
{
db.Entry(empleado).State = EntityState.Modified;
db.SaveChanges();
return RedirectToAction("Index");
}
return View(empleado);
}
Here I'm able to edit the User but is not showing the previous Image(Fotografia) so If I click submit with out loading a new Image(Fotgrafia) it will delete the previous one. What I have to do is the Edit view, I want it to show the name of the image(Fotografia). Can you guide me to the right direction?
.net image asp.net-mvc-5 upload varbinary
asked Nov 21 '18 at 19:36
GamaGama
33
My model:
public int ID { get; set; }
public string Name { get; set; }
public string LastName { get; set; }
public byte Fotografia { get; set; }
Controller (create/Get):
// GET: Empleados/Create
public ActionResult Create()
{
return View();
}
Controller (create/Post):
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create([Bind(Include = "ID,Nombre,Paterno,Fotografia,")] Empleado empleado, HttpPostedFileBase foto)
{
var db = new SIPAE_Context();
if (foto != null)
{
empleado.Fotografia = new byte[foto.ContentLength];
foto.InputStream.Read(empleado.Fotografia, 0, foto.ContentLength);
if (ModelState.IsValid)
{
db.Empleados.Add(empleado);
db.SaveChanges();
return RedirectToAction("Index");
}
}
if (ModelState.IsValid)
{
db.Empleados.Add(empleado);
db.SaveChanges();
return RedirectToAction("Index");
}
return View(empleado);
}
View (Create):
@using (Html.BeginForm("Create","Empleados",FormMethod.Post, new {
enctype = "multipart/form-data" }))
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
Name
<div class="col-md-10">
@Html.EditorFor(model => model.Name, new { htmlAttributes =
new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Name, "", new { @class
= "text-danger" })
</div>
</div>
<div class="form-group">
Last Name
<div class="col-md-10">
@Html.EditorFor(model => model.LastName, new { htmlAttributes = new
{
@class = "form-control" } })
@Html.ValidationMessageFor(model => model.LastName, "", new { @class
= "text-danger" })
</div>
</div>
<div class="form-group">
Fotografia
<div class="col-md-10">
<input type="file" id="foto" name="foto" />
@Html.ValidationMessageFor(model => model.Fotografia, "", new {
@class = "text-danger" })
</div>
</div>
View (Index):
<table class="table">
<tr>
<th>
Fotografia
</th>
<th>
Name
</th>
<th>
Last Name
</th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@{
if (item.Fotografia != null)
{
var base64 = Convert.ToBase64String(item.Fotografia);
var imgsrc = string.Format("data:image/jpeg;base64,{0}", base64);
<img src='@imgsrc' style="max-height:100px;max-width:100px" />
}
Html.DisplayFor(modelItem => item.Fotografia);
}
</td>
<td>
@Html.DisplayFor(modelItem => item.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.LastName)
</td>
<td>
@Html.ActionLink("Editar", "Edit", new { id = item.ID }) |
@Html.ActionLink("Detalles", "Details", new { id = item.ID }) |
@Html.ActionLink("Eliminar", "Delete", new { id = item.ID })
</td>
</tr>
}
So far so good, I can insert a new user with name, last name and image(fotografia) and display it. What i have to do is the Edit view, i want it to show the name of the image(Fotografia). Can you guide me to the right direction?
This is what I have on the controller (Get):
// GET: Empleados/Edit/5
public ActionResult Edit(int? id)
{
if (id == null)
{
return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
}
Empleado empleado = db.Empleados.Find(id);
if (empleado == null)
{
return HttpNotFound();
}
return View(empleado);
}
This is what I have on the controller (Post):
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Edit([Bind(Include = "ID,Name,LastName,Fotografia")]
Empleado empleado, HttpPostedFileBase foto)
{
var db = new SIPAE_Context();
if (foto != null)
{
empleado.Fotografia = new byte[foto.ContentLength];
foto.InputStream.Read(empleado.Fotografia, 0, foto.ContentLength);
if (ModelState.IsValid)
{
db.Entry(empleado).State = EntityState.Modified;
db.SaveChanges();
return RedirectToAction("Index");
}
}
if (ModelState.IsValid)
{
db.Entry(empleado).State = EntityState.Modified;
db.SaveChanges();
return RedirectToAction("Index");
}
return View(empleado);
}
Here I'm able to edit the User but is not showing the previous Image(Fotografia) so If I click submit with out loading a new Image(Fotgrafia) it will delete the previous one. What I have to do is the Edit view, I want it to show the name of the image(Fotografia). Can you guide me to the right direction?
.net image asp.net-mvc-5 upload varbinary
.net image asp.net-mvc-5 upload varbinary
asked Nov 21 '18 at 19:36
GamaGama
33
asked Nov 21 '18 at 19:36
GamaGama
33
edited Nov 21 '18 at 21:28
user3559349
asked Nov 21 '18 at 19:36
GamaGama
33
asked Nov 21 '18 at 19:36
GamaGama
33
asked Nov 21 '18 at 19:36
GamaGama
33
33
By name of image do you mean the name of the file the user uploaded? It which case usefoto.FileNameto get it (and assign it to a model property if you want). And you do not use data models in your views when editing data. You use a view model - refer What is ViewModel in MVC? nd in the POST method you get the data model from the db and update its properties based on the view model then save the data model.
– user3559349
Nov 21 '18 at 21:28
add a comment |
By name of image do you mean the name of the file the user uploaded? It which case usefoto.FileNameto get it (and assign it to a model property if you want). And you do not use data models in your views when editing data. You use a view model - refer What is ViewModel in MVC? nd in the POST method you get the data model from the db and update its properties based on the view model then save the data model.
– user3559349
Nov 21 '18 at 21:28
By name of image do you mean the name of the file the user uploaded? It which case use
foto.FileName to get it (and assign it to a model property if you want). And you do not use data models in your views when editing data. You use a view model - refer What is ViewModel in MVC? nd in the POST method you get the data model from the db and update its properties based on the view model then save the data model.– user3559349
Nov 21 '18 at 21:28
By name of image do you mean the name of the file the user uploaded? It which case use
foto.FileName to get it (and assign it to a model property if you want). And you do not use data models in your views when editing data. You use a view model - refer What is ViewModel in MVC? nd in the POST method you get the data model from the db and update its properties based on the view model then save the data model.– user3559349
Nov 21 '18 at 21:28
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53419392%2fpass-the-name-value-of-image-to-edit-view-in-asp-net-mvc-5%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53419392%2fpass-the-name-value-of-image-to-edit-view-in-asp-net-mvc-5%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
By name of image do you mean the name of the file the user uploaded? It which case use
foto.FileNameto get it (and assign it to a model property if you want). And you do not use data models in your views when editing data. You use a view model - refer What is ViewModel in MVC? nd in the POST method you get the data model from the db and update its properties based on the view model then save the data model.– user3559349
Nov 21 '18 at 21:28