【第一种方式】 HttpPostedFileBase file
1、前端POST方式提交表单
@using (Html.BeginForm("Upload", "Test", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
<input type="file" name="file" />
<br />
<input id="ButtonUpload" type="submit" value="提交" />
}
2、后台[HttpPost]接收
[HttpPost]
public ActionResult Upload(HttpPostedFileBase file)
{
var fileName = Path.Combine(Request.MapPath("~/Upload"), Path.GetFileName(file.FileName));
file.SaveAs(fileName); //保存到这个路径
string src = "../Upload/" + Path.GetFileName(file.FileName);
Session["src"] = src; //跨页面传值
Session.Timeout = 10;
return RedirectToAction("Show");
//Request.MapPath("~/Upload")|C:\Users\Administrator\Documents\Visual Studio 2015\Projects\ImageUpload\ImageUpload\Upload
//Path.GetFileName(file.FileName)|c.jpg
//fileName|C:\Users\Administrator\Documents\Visual Studio 2015\Projects\ImageUpload\ImageUpload\Upload\c.jpg
}
3、后台保存之后通过另一个页面显示
public ActionResult Show(string src)
{
ViewBag.src = Session["src"];
return View();
}
<img src=@Session["src"] alt="img" /> //或者用ViewBag.src
【第二种方式】ajax
图片在前台转换成流，通过ajax发送到后台，后台接收保存，或者先处理图片再保存【第一种方式】 HttpPostedFileBase file
1、前端POST方式提交表单
@using (Html.BeginForm("Upload", "Test", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
<input type="file" name="file" />
<br />
<input id="ButtonUpload" type="submit" value="提交" />
}
2、后台[HttpPost]接收
[HttpPost]
public ActionResult Upload(HttpPostedFileBase file)
{
var fileName = Path.Combine(Request.MapPath("~/Upload"), Path.GetFileName(file.FileName));
file.SaveAs(fileName); //保存到这个路径
string src = "../Upload/" + Path.GetFileName(file.FileName);
Session["src"] = src; //跨页面传值
Session.Timeout = 10;
return RedirectToAction("Show");
//Request.MapPath("~/Upload")|C:\Users\Administrator\Documents\Visual Studio 2015\Projects\ImageUpload\ImageUpload\Upload
//Path.GetFileName(file.FileName)|c.jpg
//fileName|C:\Users\Administrator\Documents\Visual Studio 2015\Projects\ImageUpload\ImageUpload\Upload\c.jpg
}
3、后台保存之后通过另一个页面显示
public ActionResult Show(string src)
{
ViewBag.src = Session["src"];
return View();
}
<img src=@Session["src"] alt="img" /> //或者用ViewBag.src
【第二种方式】ajax
图片在前台转换成流，通过ajax发送到后台，后台接收保存，或者先处理图片再保存
