ASP.NET Core 文件上傳

小分享：我有幾張阿裡雲優惠券，用券購買或者升級阿裡雲相應產品最多可以優惠五折！領券地址：https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=ohmepe03

前言

上篇博文介紹了怎麼樣在 asp.net core 使用 Redis 和 Protobuf 進行 Session緩存。本篇的是開發過程中使用的一個小功能，怎麼做單文件和多文件上傳。 如果你覺得對你有幫助的話，不妨點個【推薦】。

目錄

• 單文件上傳
• 多文件上傳
• 示例源碼

單文件上傳

上傳文件在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
歡迎轉載，請保留出處


參考頁面：http://qingqingquege.cnblogs.com/p/5933752.html