Posting a model with image file from a PWA WebAssembly to an ASP.NET Core Web Api (Net 6)

Question

I'm trying to post a model with an image file and other data from my PWA to my ASP.NET Core Web Api. I succeed with the Api and Postman, but I can't get it working from the PWA. Furthermore, the model should include an IFormFile but the InputFile control returns an IBrowserFile which I cannot cast.

This is a simplified model:

public class ImageUploadModel
{
    public string Details { get; set; }
    public IFormFile Image { get; set; }
}

This is the simplified Api controller:

[HttpPost]
public async Task<IActionResult> UploadModel([FromForm] ImageUploadModel imageUploadModel)
{
    var details = imageUploadModel.Details;
    var image = imageUploadModel.Image;
} 

and here the index.razor test page on the blazor PWA:

@page "/"

<div>
    <InputFile OnChange="@ChangeHandler" />
</div>
<div>
    <button @onclick="Upload">Upload</button>
</div>

@code {
    public IBrowserFile? image;

    private void ChangeHandler(InputFileChangeEventArgs e)
    {
        image = e.File;
    }
    
    private async Task Upload() {

        var model = new imageUploadModel(){
            Details = "foo",
            Image = image
        }
        
        using (var httpClient = new HttpClient())
            {
                using (var response = await httpClient.PostAsJsonAsync("...api url...", model))
                    {
                        response.EnsureSuccessStatusCode();
                        apiResponse = await response.Content.ReadAsStringAsync();
                    }
            }
    }
}