MVC图片上传

最新推荐文章于 2025-08-22 10:24:20 发布

weixin_30670925

最新推荐文章于 2025-08-22 10:24:20 发布

阅读量47

点赞数

CC 4.0 BY-SA版权

文章标签：测试

原文链接：http://www.cnblogs.com/zblc2016/p/6180493.html

本文介绍了一个简单的HTML图片上传示例，使用JavaScript提交表单至服务器，并通过C#处理上传的图片，包括文件名转换及保存至指定路径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML代码：

1  <form method="post" enctype="multipart/form-data">
2  上传图片：<input type="file" accept=".jpg,.jpeg,.png,.gif"  id="imageUpLoad" name="file"/>
3  <input type="button" id="mibtn" value="上 传" />
4 </form>

js代码：

1  $("#mibtn").click(function () {
2         this.form.setAttribute("action", "@Url.Action("Mproupdate", "CHome")");
3         this.form.submit();
4     });

action：

 1 public ActionResult Mproupdate(HttpPostedFileBase file) {
 2  //转换只取得文件名，去掉路径。 
 3  string fileName = file.FileName;
 4                 if (fileName.LastIndexOf("\\") > -1)
 5                 {
 6                     fileName = fileName.Substring(fileName.LastIndexOf("\\") + 1);
 7                 }
 8                 //保存到相对路径下。 
 9                 string path = "/images/" + DateTime.Now.ToString("ddmmss") + fileName;
10                 file.SaveAs(Server.MapPath(path));
11  return RedirectToAction("Mpro", "CHome");
12 }