快捷導(dǎo)航

asp.net core實(shí)現(xiàn)文件上傳功能

更新時(shí)間：2022年07月26日 11:35:12 作者：Savorboard

這篇文章主要為大家詳細(xì)介紹了asp.net core實(shí)現(xiàn)文件上傳功能，怎么做單文件和多文件上傳，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了單文件上傳、多文件上傳的功能，供大家參考，具體內(nèi)容如下

單文件上傳

上傳文件在Web應(yīng)用程序中是一個(gè)常見(jiàn)的功能。在asp.net core中上傳文件并保存在服務(wù)器上，是很容易的。下面就來(lái)演示一下怎么樣在 ASP.NET Core項(xiàng)目中進(jìn)行文件上傳。
首先，創(chuàng)建一個(gè) asp.net core 項(xiàng)目，然后在Controller文件件添加一個(gè)HomeController，然后在 Views 文件夾的 Home 文件夾里添加一個(gè) New.cshtml 視圖文件。如下圖：

添加一個(gè) 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 = "身份證號(hào)不合法")]
  public string IdNum { get; set; }

  public string IdCardImgName { get; set; }

  [Required]
  [Display(Name = "身份證附件")]
  [FileExtensions(Extensions = ".jpg,.png", ErrorMessage = "圖片格式錯(cuò)誤")]
  public IFormFile IdCardImg { get; set; }
}

然后添加一個(gè) 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 中，添加頁(yè)面對(duì)應(yīng)的 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));
}

運(yùn)行程序，查看表單: