Blazor InputImage Component

[pawelel]

Is your feature request related to a problem? Please describe.

Need to upload file and resize it if it is too large.
Using RequestImageFileAsync omit files with dimensions less than given parameters.
The issue is that height and width of an image are inaccessible directly from blazor.

Describe the solution you'd like

InputImage could inherit from InputFile

<InputImage id="fileInput" OnChange="UploadFile" hidden />

string PhotoPath ="";
async Task UploadFile(InputFileChangeEventArgs e)
    {
        var file = e.File;

var resizedImage= await file.RequestImageFileAsync(imageType, 200, 200);
if(resizedImage.Height>file.Height || resizedImage.Width>file.Width)
{
var buffer = new byte[file.Size];
                await resizedImage.OpenReadStream().ReadAsync(buffer);
                PhotoPath = $"data:{imageType};base64,{Convert.ToBase64String(buffer)}";
                StateHasChanged();
}else
{
var buffer = new byte[resizedImage.Size];
                await resizedImage.OpenReadStream().ReadAsync(buffer);
                PhotoPath = $"data:{imageType};base64,{Convert.ToBase64String(buffer)}";
                StateHasChanged();
}
}

[mkArtakMSFT]

Thanks for contacting us. This is not currently supported. We're looking into improving this experience as part of #30290

[mkArtakMSFT]

By the way, base64 encoding usage in your example is not optimal. We have a good article on about this: https://docs.microsoft.com/en-us/aspnet/core/blazor/images?view=aspnetcore-6.0

[pawelel]

By the way, base64 encoding usage in your example is not optimal. We have a good article on about this: https://docs.microsoft.com/en-us/aspnet/core/blazor/images?view=aspnetcore-6.0

Thanks, I have some memory leak issues with base64 example, but also wanted to use only C# code and hoped, that will be possible (to avoid JS)