asp.net mvc5 与图片

【第一种方式】  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发送到后台，后台接收保存，或者先处理图片再保存