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

2024-07-10 12:54:24

字體：大中小

供稿：網(wǎng)友

我們?cè)趙eb應(yīng)用程序開發(fā)過程中，都會(huì)涉及到文件上傳這個(gè)重要的環(huán)節(jié)，通過創(chuàng)建自定義綁定模型來實(shí)現(xiàn)文件上傳，下面錯(cuò)新技術(shù)頻道小編帶大家一起來了解asp.net core實(shí)現(xiàn)文件上傳功能吧！

單文件上傳
?上傳文件在Web應(yīng)用程序中是一個(gè)常見的功能。在asp.net core中上傳文件并保存在服務(wù)器上，是很容易的。下面就來演示一下怎么樣在 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 中，添加頁面對(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)行程序，查看表單:?