asp.net mvc5 与图片

最新推荐文章于 2025-08-12 14:48:28 发布

原创最新推荐文章于 2025-08-12 14:48:28 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

本博客所有公开的原创博文皆允许转载，无须再征求作者本人（也就是我）同意

文章标签：

#asp.net #图片 #mvc

asp.net 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种使用ASP.NET MVC实现图片上传的方法，包括前端表单提交、后端接收及处理图片，并通过Session传递图片路径到另一页面进行展示。

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