ASP.NET Core 文件上传
2016-06-20 09:10
756 查看
前言
上篇博文介绍了怎么样在 asp.net core 使用 Redis 和 Protobuf 进行 Session缓存。本篇的是开发过程中使用的一个小功能,怎么做单文件和多文件上传。 如果你觉得对你有帮助的话,不妨点个【推荐】。
目录
单文件上传多文件上传
示例源码
单文件上传
上传文件在Web应用程序中是一个常见的功能。在asp.net core中上传文件并保存在服务器上,是很容易的。下面就来演示一下怎么样在 ASP.NET Core项目中进行文件上传。首先,创建一个 asp.net core 项目,然后在Controller文件件添加一个
HomeController,然后在 Views 文件夹的 Home 文件夹里添加一个
New.cshtml视图文件。如下图:
添加一个 UserViewModel.cs在 Model 文件夹中 , 代码如下:
public class UserViewModel { [Required] [Display(Name = "姓名")] public string Name { get; set; } [Required] [Display(Name = "身份证")] [RegularExpression(@"^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$", ErrorMessage = "身份证号不合法")] public string IdNum { get; set; } public string IdCardImgName { get; set; } [Required] [Display(Name = "身份证附件")] [FileExtensions(Extensions = ".jpg,.png", ErrorMessage = "图片格式错误")] public IFormFile IdCardImg { get; set; } }
然后添加一个 New.cshtml 视图文件在 Views 文件夹中:
@model UserViewModel <form asp-controller="Home" role="form" asp-action="New" enctype="multipart/form-data" method="post"> <div class="form-group"> <label asp-for="Name"></label> <input type="text" class="form-control" asp-for="Name" /> </div> <div class="form-group"> <label asp-for="IdNum"></label> <input type="text" class="form-control" asp-for="IdNum" /> </div> <div class="form-group"> <label asp-for="IdCardImg"></label> <input type="file" asp-for="IdCardImg" /> <p class="help-block">上传。</p> </div> <button type="submit" class="btn btn-default">提交</button> </form>
在 HomeController 中,添加页面对应的 Action 方法:
[HttpPost] public IActionResult New([FromServices]IHostingEnvironment env, [FromServices]AppDbContext dbContext, UserViewModel user) { var fileName = Path.Combine("upload", DateTime.Now.ToString("MMddHHmmss") + ".jpg"); using (var stream = new FileStream(Path.Combine(env.WebRootPath, fileName), FileMode.CreateNew)) { user.IdCardImg.CopyTo(stream); } var users = dbContext.Set<User>(); var dbUser = new User() { Name = user.Name, IdCardNum = user.IdNum, IdCardImgName = fileName }; users.Add(dbUser); dbContext.SaveChanges(); return RedirectToAction(nameof(Index)); }
运行程序,查看表单:
多文件上传
多文件上传和单文件上传类似,表单的 ViewModel 使用ICollection<IFromFile>,然后表单的
<input type="file" asp-for="IdCardImg" mulpitle />添加上
mulpitle就可以了(只支持 H5)。
示例源码
注:示例数据存储使用的 Sqlite ,Code First方式生成数据库。示例代码已经上传至 github:
https://github.com/yuleyule66/AspNetCoreFileUpload
相关文章推荐
- VS2013打开项目提示"Asp.net4.5未在web服务器上注册 "
- asp.net core实现文件上传功能
- Asp.net MVC4在IIS 7中403 404
- asp删除非空目录的例子
- asp.net mvc两种传值(数据)方式(viewdata/mode)
- ASP.NET MVC 上传文件
- 数据库自动打包压缩工具,asp.net + ATL完美组合
- ASP.NET DataList嵌套实现评论效果
- ASP.NET DataList嵌套实现评论效果
- asp.net core 中间件详解及项目实战
- ASP.NET Core 中文文档 第二章 指南(4.7)添加搜索
- 史上最全的ASP.NET MVC路由配置,以后RouteConfig再弄不懂神仙都难救你啦~
- ASP.NET 4.5.256 has not been registered on the Web server. You need to manually configure your Web server for ASP.NET 4.5.256 in order for your site to run correctly
- ASP.NET MVC中的错误处理
- Spring中的AOP——AspectJ的基本使用
- 如何使用树莓派CPU挖矿(没有测试成功)
- 树莓派+aria2+yaaw搭建下载机
- ASP.Net请求处理机制初步探索之旅 - Part 5 ASP.Net MVC请求处理流程
- ASP.Net请求处理机制初步探索之旅 - Part 4 WebForm页面生命周期
- ASP.Net请求处理机制初步探索之旅 - Part 3 管道