FileUpload: Getting TimeoutException when copying to a MemoryStream (Works in standalone Blazor server project but not in Oqtane)

[prosasuke1]

I'm trying to convert a standalone .Net 8 application in an oqtane module.
We have a pop-up using 'InputFile razor component' which works fine in the standalone application but when using the same from Oqtane as a module, throws an Exception : System.TimeoutException: Did not receive any data in the allotted time.
at System.IO.Pipelines.Pipe.GetReadResult(ReadResult& result)
at System.IO.Pipelines.Pipe.GetReadAsyncResult()
at System.IO.Pipelines.PipeReaderStream.ReadAsyncInternal(Memory`1 buffer, CancellationToken cancellationToken)

This happens whenever I try to copy it into a MemoryStream or a FileStream.

await using var ors = file.OpenReadStream(1000 * 1024); // file is an IBrowserFile
await using var fs = new MemoryStream();
await ors.CopyToAsync(fs);   //Exception occurs at this statement

The Oqtane site is Interactive-ServerSide-NoPrerendering

I've tried all of the suggestions here : dotnet/aspnetcore#38842 (comment)
but noting seems to work.

Am I missing a reference or is there any other way to upload files?

Thanks for any help or suggestions.

[sbwalker]

@prosasuke1 my suggestion would be to use the Oqtane FileManager component as it supports multi-tenancy, folder permissions, chunked uploads, etc...

[prosasuke1]

@sbwalker I tried to use the Oqtane FileManager but I don't want to save on the server when uploaded, I want the image in a Base64String.
However, I found a way to do it.
This is what I do:
I listen to the OnUpload event, download it and delete it right away.

private async Task OnUpload(int FileId)
{
    var file = await FileService.GetFileAsync(FileId);
    var data = await FileService.DownloadFileAsync(FileId);
    var base64 = Convert.ToBase64String(data, 0, data.Length);
    var image = new UploadedImage(Style, null, file.Name, LocalisationService, DataQueryingService, base64); //UploadedImage is my own class
    await FileService.DeleteFileAsync(FileId);
    image.OnColourSelectionChanged = OnColourSelectionChanged;
    UploadedImages.Add(image);
}

The problem I'm facing now is that the event OnUpload is fired only once even when uploading multiple files.
Is there any work around to get the file ids of the recently uploaded files?

Thanks in advance.