首页 > 编程 > .NET > 正文

asp.net core实现文件上传功能

2024-07-10 12:54:24
字体:
来源:转载
供稿:网友

我们在web应用程序开发过程中,都会涉及到文件上传这个重要的环节,通过创建自定义绑定模型来实现文件上传,下面错新技术频道小编带大家一起来了解asp.net core实现文件上传功能吧!

单文件上传
 上传文件在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)。 

通过错新技术频道小编的介绍,相信大家对asp.net core实现文件上传功能都有了一些了解,如果你想了解更多的相关资讯记得收藏js.VeVb.com哦。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表