ホームページ  >  記事  >  バックエンド開発  >  asp.net coreはファイルアップロード機能を実装します

asp.net coreはファイルアップロード機能を実装します

高洛峰
高洛峰オリジナル
2017-02-07 11:42:122087ブラウズ

この記事の例では、単一ファイルのアップロードと複数ファイルのアップロードの機能を共有していますので、具体的な内容は次のとおりです

単一ファイルのアップロード
ファイルのアップロードは、Web アプリケーションの一般的な機能です。 asp.net core にファイルをアップロードしてサーバーに保存するのは非常に簡単です。 ASP.NET Core プロジェクトにファイルをアップロードする方法を示します。
まず、asp.net core プロジェクトを作成し、Controller ファイルに HomeController を追加して、Views フォルダーの Home フォルダーに New.cshtml ビュー ファイルを追加します。以下に示すように:

asp.net core实现文件上传功能

Model フォルダーに UserViewModel.cs を追加します。コードは次のとおりです:

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; }
}


次に、Views フォルダーに New.cshtml ビュー ファイルを追加します:

@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 で ICollection6e1c43e97cfd097c17aa357221607968 を使用し、次に form< を使用します。 input type="file" asp-for="IdCardImg" mulpitle /> を追加するだけです (H5 のみをサポートします)。

サンプル ソース コード
注: サンプル データ ストレージは Sqlite を使用し、データベースの生成には Code First メソッドが使用されます。

ファイル アップロード機能を実装する asp.net core に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。