Estou tentando fazer o upload de imagens para minha aplicação. Fiz um protótipo de upload, só que ele não mostra a imagem, e sim o ID ou NOME dela. E eu estou fazendo o upload para uma pasta que criei no meu projeto.
Minhas dúvidas são:
Como faço pra mostrar essa imagem?
No projeto que estou trabalhando de verdade, preciso mostrar essa imagem para o usuário, pois é uma escola e precisa ter a foto do aluno. Eu já até criei o cadastro do aluno;
Como fazer para vincular essa foto ao cadastro do aluno em questão?
Devo criar um model de aluno e outro de imagem, ou tem alguma outra forma?
E qual é a melhor forma de fazer upload, gravando a imagem no banco ou em uma pasta no projeto?
Aqui os meus códigos de protótipo:
Imagem.cs (Model)
public partial class Imagem
{
public int ID { get; set; }
public string ImagePath { get; set; }
}
ImagemController.cs(Controller, e aqui só tem a parte do create)
public ActionResult Create()
{
return View();
}
// POST: /Imagem/Create
// To protect from overposting attacks, please enable the specific properties you want to bind to, for
// more details see http://go.microsoft.com/fwlink/?LinkId=317598.
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create(Imagem img, HttpPostedFileBase file)
{
if (ModelState.IsValid)
{
if (file != null)
{
file.SaveAs(HttpContext.Server.MapPath("~/Imagens/")
+ file.FileName);
img.ImagePath = file.FileName;
}
db.Imagems.Add(img);
db.SaveChanges();
return RedirectToAction("Index");
}
return View(img);
}
Index.cshtml(a View)
<table>
<tr>
<th>
@Html.DisplayNameFor(model => model.ImagePath)
</th>
</tr>
@foreach (var item in Model) {
<tr>
<td>
@Html.DisplayFor(modelItem => item.ID)
@* <img src="@Url." alt="Image" width="300px" /> *@
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { id=item.ID }) |
@Html.ActionLink("Details", "Details", new { id=item.ID }) |
@Html.ActionLink("Delete", "Delete", new {id = item.ID})
</td>
</tr>
}
</table>
Create.cshtml(Outra View)
@using (Html.BeginForm("Create", "Imagem", null, FormMethod.Post,
new { enctype = "multipart/form-data" }))
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<fieldset>
<legend>Image</legend>
<div class="editor-label">
@Html.LabelFor(model => model.ImagePath)
</div>
<div class="editor-field">
<input id="ImagePath" title="Upload a product image"
type="file" name="file" />
</div>
<p><input type="submit" value="Create" /></p>
</fieldset>
}