asp.net core實現檔案上傳功能

來源:互聯網
上載者:User
本文執行個體為大家分享了單檔案上傳、多檔案上傳的功能,供大家參考,具體內容如下

單檔案上傳
上傳檔案在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方式產生資料庫。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.