如何在ASP.NET Core MVC的AspNetUsers表存储用户头像

步骤1：更新RegisterVM模型 #

前端上传的文件以IFormFile类型传递，需在模型中添加该属性接收文件，再转换为byte[]用于存储：

public class RegisterVM
{
    public string EmailAddress { get; set; }
    public string Password { get; set; }
    // 接收前端上传的文件
    public IFormFile ProfilePicture { get; set; }
    // 存储转换后的头像字节数组
    public byte[] PictureUser { get; set; }
}

步骤2：修改注册视图 #

表单需添加multipart/form-data类型以支持文件上传，同时添加上传控件：

@model RegisterVM;

<form asp-action="Register" enctype="multipart/form-data">
    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
  
    <div class="form-group">
        <label asp-for="EmailAddress" class="control-label"></label>
        <input asp-for="EmailAddress" class="form-control" />
        <span asp-validation-for="EmailAddress" class="text-danger"></span>
    </div>
    <div class="form-group">
        <label asp-for="Password" class="control-label"></label>
        <input asp-for="Password" class="form-control" />
        <span asp-validation-for="Password" class="text-danger"></span>
    </div>
    <div class="form-group">
        <label asp-for="ProfilePicture" class="control-label">用户头像</label>
        <input asp-for="ProfilePicture" type="file" class="form-control" accept="image/jpeg,image/png" />
        <span asp-validation-for="ProfilePicture" class="text-danger"></span>
    </div>

    <div class="form-group">
        <input class="btn btn-outline-success float-right" type="submit" value="Sign up" />
    </div>
</form>

• enctype="multipart/form-data"是文件上传的必要配置
• accept属性限制仅允许jpg/png格式图片，可按需调整

步骤3：更新Register控制器方法 #

在控制器中处理上传文件，将IFormFile转换为byte[]并赋值给用户实体：

[HttpPost]
public async Task<IActionResult> Register(RegisterVM registerVM)
{
    if (ModelState.IsValid)
    {
        byte[] imageBytes = null;
        // 处理上传文件
        if (registerVM.ProfilePicture != null && registerVM.ProfilePicture.Length > 0)
        {
            using (var memoryStream = new MemoryStream())
            {
                await registerVM.ProfilePicture.CopyToAsync(memoryStream);
                imageBytes = memoryStream.ToArray();
            }
        }
        // 可选：若用户未上传头像，可设置默认头像的字节数组

        var newUser = new ApplicationUser()
        {
            FullName = registerVM.FullName,
            Email = registerVM.EmailAddress,
            UserName = registerVM.EmailAddress,
            PictureUser = imageBytes // 赋值头像字节数组
        };

        var newUserResponse = await _userManager.CreateAsync(newUser, registerVM.Password);
        if (newUserResponse.Succeeded)
        {
            await _signInManager.SignInAsync(newUser, isPersistent: false);
            return View("RegisterCompleted");
        }
        // 将Identity错误信息添加到ModelState，供前端显示
        foreach (var error in newUserResponse.Errors)
        {
            ModelState.AddModelError(string.Empty, error.Description);
        }
    }
    return View(registerVM); 
}

额外注意事项 #

1. 确保ApplicationUser类已定义PictureUser属性，与数据库表字段对应：

public class ApplicationUser : IdentityUser
{
    public string FullName { get; set; }
    public byte[] PictureUser { get; set; }
}

2. 可添加文件验证：比如限制文件大小不超过2MB，可在控制器中手动判断，或自定义验证特性：

// 控制器内验证示例
if (registerVM.ProfilePicture.Length > 2 * 1024 * 1024)
{
    ModelState.AddModelError("ProfilePicture", "头像大小不能超过2MB");
}

内容的提问来源于stack exchange，提问作者ahmed barbary