本文实例为大家分享了单文件上传、多文件上传的功能,供大家参考,具体内容如下
单文件上传
上传文件在Web应用程序中是一个常见的功能。在asp.net core中上传文件并保存在服务器上,是很容易的。下面就来演示一下怎么样在 ASP.NET Core项目中进行文件上传。
首先,创建一个 asp.net core 项目,然后在Controller文件件添加一个HomeController,然后在 Views 文件夹的 Home 文件夹里添加一个 New.cshtml 视图文件。如下图:
添加一个 UserViewModel.cs在 Model 文件夹中 , 代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
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 = "身份证附件" )]
public IFormFile IdCardImg { get ; set ; }
}
|
然后添加一个 New.cshtml 视图文件在 Views 文件夹中:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
@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 方法:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
[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
本文地址:http://www.cnblogs.com/savorboard/p/5599563.html
作者博客:Savorboard
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。