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）。 

樣本源碼
 註：樣本資料存放區使用的 Sqlite ，Code First方式產生資料庫。
 範例程式碼已經上傳至 github： https://github.com/yuleyule66/AspNetCoreFileUpload

本文地址：http://www.cnblogs.com/savorboard/p/5599563.html
 作者部落格：Savorboard

以上就是本文的全部內容，希望對大家的學習有所協助，也希望大家多多支援雲棲社區。