程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> asp.net core實現文件上傳功能

asp.net core實現文件上傳功能

編輯:ASP.NET基礎

本文實例為大家分享了單文件上傳、多文件上傳的功能,供大家參考,具體內容如下

單文件上傳
 上傳文件在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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved