Fetch Image from Request.Form.Files Collection in ASP.Net Core razor Pages

Hi,

I am trying to save a photo to db table.

applicationuser:

using Microsoft.AspNet.Identity;
using Microsoft.AspNetCore.Identity;
using System.Security.Claims;

namespace ExpenseTracker.Data
{
    public class ApplicationUser : IdentityUser
    {
        public string? firstName { get; set; }
        public string? lastName { get; set; }
        public byte[]? PictureSource { get; set; }
        public string? googlePhoto { get; set; }
    }
}

register html

<div class="row">
    <div class="col-md-4">
        <form id="registerForm" asp-route-returnUrl="@Model.ReturnUrl" method="post" enctype="multipart/form-data">
            <h4>Create a new account.</h4>
            <hr />
            <div class="col-md-3">
            <br />
                <div asp-validation-summary="ModelOnly" class="text-danger"></div>
                    <div class="form-group">
                        <label asp-for="Input.PictureSource"><hr/></label>
                        <img id="imgPicture" src="~/profile.jpg">
                        <input type="file" accept=".png,.jpg,.jpeg" asp-for="Input.PictureSource" class="form-control"
                            onchange="document.getElementById('imgPicture').src = window.URL.createObjectURL(this.files[0])" />
                        <span asp-validation-for="Input.PictureSource" class="text-danger"></span>
                    </div>
                </div>

register.cs

public async Task<IActionResult> OnPostAsync(string returnUrl = null)
{
     returnUrl ??= Url.Content("~/");
     ExternalLogins = (await _signInManager.GetExternalAuthenticationSchemesAsync()).ToList();

     if (ModelState.IsValid)
     {
         var user = new ApplicationUser
         {
             firstName = Input.firstName,
             lastName = Input.lastName,
         };

         if (Request.Form.Files.Count > 0)
         {
             IFormFile file = Request.Form.Files.FirstOrDefault();
             using (var dataStream = new MemoryStream())
             {
                 await file.CopyToAsync(dataStream);
                 user.PictureSource = dataStream.ToArray();
             }
         }


         await _userStore.SetUserNameAsync(user, Input.Email, CancellationToken.None);
         await _emailStore.SetEmailAsync(user, Input.Email, CancellationToken.None);
         var result = await _userManager.CreateAsync(user, Input.Password);

         if (result.Succeeded)
         {
             //add role
             _logger.LogInformation("User created a new account with password.");

             var userId = await _userManager.GetUserIdAsync(user);
             var code = await _userManager.GenerateEmailConfirmationTokenAsync(user);
             code = WebEncoders.Base64UrlEncode(Encoding.UTF8.GetBytes(code));
             var callbackUrl = Url.Page(
                 "/Account/ConfirmEmail",
                 pageHandler: null,
                 values: new { area = "Identity", userId = userId, code = code, returnUrl = returnUrl },
                 protocol: Request.Scheme);

                 SendEmailAsync(Input.Email, "Confirm your email",
                 $"Please confirm your account by <a href='{HtmlEncoder.Default.Encode(callbackUrl)}'>clicking here</a>.");

             if (_userManager.Options.SignIn.RequireConfirmedAccount)
             {
                 return RedirectToPage("RegisterConfirmation", new { email = Input.Email, returnUrl = returnUrl });
             }
             else
             { 
                 await _signInManager.SignInAsync(user, isPersistent: false);
                 return LocalRedirect(returnUrl);
             }
         }
         foreach (var error in result.Errors)
         {
             ModelState.AddModelError(string.Empty, error.Description);
         }
     }

     // If we got this far, something failed, redisplay form
     return Page();
}

there are no errors and user is created but the picturesource field is null!