MVC与.NetCore3.0 Web端的一般文件上传

查了些资料，感觉很多码友，尤其是在Core那块写上传文件的代码，个人感觉写复杂了！

所以决定自己来个究竟！这里把mvc和core一起来做个小总结

还是先看如下截图(后台代码没有进行封装，只是测试)

1：========MVC (这个就当自己再复习一遍)=========

 

 

 

2:========Core3.0的一些截图========

 

 

======================
1：Asp.net MVC 简单的文件上传
======================

index.cshtml (3种方法，1：原生html；2：HtmlHelper； 3：ajax非侵入式)

复制代码
 1 @{
 2     Layout = null;
 3 }
 4 
 5 <!DOCTYPE html>
 6 
 7 <html>
 8 <head>
 9     <meta name="viewport" content="width=device-width" />
10     <title>Index</title>
11     <link href="~/Content/bootstrap.css" rel="stylesheet" />
12     <script src="~/Scripts/jquery-3.3.1.min.js"></script>
13     <script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
14     <script type="text/javascript">
15         function upFileok(data) {
16             //var json = JSON.parse(data);  //这里不需要再JSON.parse(),后台就是 jsonresult数据
17             console.log(data);
18             console.log("code=" + data.code + ", msg=" + data.msg)
19         }
20     </script>
21 </head>
22 <body>
23     <div>
24         @*方法一：*@
25         @*<form method="post" enctype="multipart/form-data" action="/FileUpload/UploadFile">
26                 <input type="file" name="fileup" id="fileup" /><input type="submit" value="点击上传" id="submit" />
27             </form>*@
28 
29         @*方法二：Microsoft封装的Html帮助类  *@
30         @*@using (Html.BeginForm("UploadFile", "FileUpload", FormMethod.Post, new { enctype = "multipart/form-data" }))
31             {
32                 <table class="table">
33                     <tr><td> @Html.Label("选择要上传的文件")</td><td><input type="file" name="fileup" /></td></tr>
34                     <tr><td colspan="2"><input type="submit" value="点击上传" /></td></tr>
35                 </table>
36             }*@
37 
38         @*方法三：Microsoft封装的Html帮助类+Ajax异步上传 ，需要Nuget jquery.unobtrusive-ajax.js文件  *@
39         @using (Ajax.BeginForm("UploadFile", "FileUpload", null, new AjaxOptions() { HttpMethod = "post", OnSuccess = "upFileok" }, new { enctype = "multipart/form-data" }))
40         {
41             <table class="table">
42                 <tr><td> @Html.Label("选择要上传的文件")</td><td><input type="file" name="fileup" /></td></tr>
43                 <tr><td colspan="2"><input type="submit" value="点击上传" /></td></tr>
44             </table>
45         }
46     </div>
47 </body>
48 </html>
View Code
复制代码

FileUploadController.cs

复制代码
 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.Mvc;
 6 
 7 namespace WebApplication1.Controllers
 8 {
 9     public class FileUploadController : Controller
10     {
11         // GET: FileUpload
12         public ActionResult Index()
13         {
14             return View();
15         }
16 
17         public ActionResult UploadFile()
18         {
19             var file = Request.Files;
20             if (file != null&&file.Count>0)
21             {
22              //  string basePath = AppDomain.CurrentDomain.BaseDirectory;
23                 for (int i = 0; i < file.Count; i++)
24                 {
25                     bool isimg = file[i].ContentType.Contains("image/");
26                     //---这个可以将原文件名称写入到数据库
27                     string filename = System.IO.Path.GetFileName(file[i].FileName);//-- fengge001.jpg
28 
29                     string fileExstr = System.IO.Path.GetExtension(file[i].FileName);//--.jpg
30                     string path = "~/imgs/" + Guid.NewGuid().ToString() + fileExstr;
31                     file[i].SaveAs(Server.MapPath(path));
32                 }
33             
34                 return Json(new { code = 200, msg = "上传成功！" }, JsonRequestBehavior.AllowGet);
35             }
36             else
37             {
38                 return Json(new { code = 500, msg = "上传失败！" }, JsonRequestBehavior.AllowGet);
39             }
40         }
41     }
42 }
View Code
复制代码

 

======================
2: Asp.NetCore 3.0 MVC 简单的文件上传
======================

index.cshtml

复制代码
 1 @{
 2     Layout = null;
 3 }
 4 
 5 <!DOCTYPE html>
 6 
 7 <html>
 8 <head>
 9     <meta name="viewport" content="width=device-width" />
10     <title>Index</title>
11 
12 </head>
13 <body>
14     <form action="/FileUpload/UploadF" method="post" enctype="multipart/form-data">
15         <input type="file" name="file" /><input type="submit"  value="点击上传" />
16     </form>
17 </body>
18 </html>
View Code
复制代码

FileUploadController.cs

复制代码
 1 using Microsoft.AspNetCore.Mvc;
 2 using System;
 3 namespace WebApplication.Controllers
 4 {
 5     using Microsoft.AspNetCore.Hosting;
 6     using System.IO;
 7     public class FileUploadController : Controller
 8     {
 9         private IWebHostEnvironment en;
10         public FileUploadController(IWebHostEnvironment en) {    this.en = en;}
11         public IActionResult Index() {return View();}
12         public IActionResult UploadF()
13         {
14             var files = Request.Form.Files; 
15            string filename = files[0].FileName;//--"360截图20191119113847612.jpg"
16             string fileExtention = System.IO.Path.GetExtension(files[0].FileName);//--.jpg
17             string path = Guid.NewGuid().ToString() + fileExtention;  string basepath = en.WebRootPath;
18             //en.WebRootPath-》wwwroot的目录; .ContentRootPath到达WebApplication的项目目录
19             string path_server = basepath + "\\upfile\\" + path;
20             using (FileStream fstream = new FileStream(path_server, FileMode.OpenOrCreate, FileAccess.ReadWrite))
21             //  using (FileStream fstream = System.IO.File.Create(newFile)) //两种都可以使用
22             {
23                 files[0].CopyTo(fstream);
24             }
25             return Ok(new { code = 200, msg = "上传成功！" });
26             //files[0].CopyTo(,); Copies the contents of the uploaded file to the target stream
27             //将上载文件的内容复制到目标流
28         }
29     }
30 }
View Code
复制代码

 异步上传的处理

复制代码
 1     public  async Task<IActionResult> UploadF()
 2         {
 3             var files = Request.Form.Files; string filename = files[0].FileName;//--"360截图20191119113847612.jpg"
 4             string fileExtention = System.IO.Path.GetExtension(files[0].FileName);//--.jpg
 5             string path = Guid.NewGuid().ToString() + fileExtention;  string basepath = en.WebRootPath;
 6             //en.WebRootPath-》wwwroot的目录; .ContentRootPath到达WebApplication的项目目录
 7             string path_server = basepath + "\\upfile\\" + path;
 8             using (FileStream fstream = new FileStream(path_server, FileMode.OpenOrCreate, FileAccess.ReadWrite))
 9             //  using (FileStream fstream = System.IO.File.Create(newFile)) //两种都可以使用
10             {
11                 //  files[0].CopyTo(fstream);
12              await   files[0].CopyToAsync(fstream);
13             }
14             return Ok(new { code = 200, msg = "上传成功！" });
15             //files[0].CopyTo(,); Copies the contents of the uploaded file to the target stream
16             //将上载文件的内容复制到目标流
17         }
View Code
复制代码
posted @   天天向上518  阅读(757)  评论(0)  编辑  收藏  举报
编辑推荐：
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示
AI IDE Trae