Eche un vistazo a lo siguiente
@using (Html.BeginForm("FileUpload", "Home", FormMethod.Post,
new { enctype = "multipart/form-data" }))
{
<label for="file">Upload Image:</label>
<input type="file" name="file" id="file" style="width: 100%;" />
<input type="submit" value="Upload" class="submit" />
}
su controlador debe tener un método de acción que acepte HttpPostedFileBase
;
public ActionResult FileUpload(HttpPostedFileBase file)
{
if (file != null)
{
string pic = System.IO.Path.GetFileName(file.FileName);
string path = System.IO.Path.Combine(
Server.MapPath("~/images/profile"), pic);
file.SaveAs(path);
using (MemoryStream ms = new MemoryStream())
{
file.InputStream.CopyTo(ms);
byte[] array = ms.GetBuffer();
}
}
return RedirectToAction("actionname", "controller name");
}
Actualización 1
En caso de que desee cargar archivos usando jQuery de forma asincrónica, pruebe este artículo .
el código para manejar el lado del servidor (para carga múltiple) es;
try
{
HttpFileCollection hfc = HttpContext.Current.Request.Files;
string path = "/content/files/contact/";
for (int i = 0; i < hfc.Count; i++)
{
HttpPostedFile hpf = hfc[i];
if (hpf.ContentLength > 0)
{
string fileName = "";
if (Request.Browser.Browser == "IE")
{
fileName = Path.GetFileName(hpf.FileName);
}
else
{
fileName = hpf.FileName;
}
string fullPathWithFileName = path + fileName;
hpf.SaveAs(Server.MapPath(fullPathWithFileName));
}
}
}
catch (Exception ex)
{
throw ex;
}
este control también devuelve el nombre de la imagen (en una devolución de llamada de JavaScript) que luego puede usar para mostrar la imagen en el DOM.
ACTUALIZACIÓN 2
Alternativamente, puede probar Async File Uploads en MVC 4 .
Pro ASP MVC 4
laSportsStore Tutorial
cubre esta partida enpage 292