How to display images and image file details from two lists in C# blazor

See more:

C#

Blazor

Hi all, I am learning blazor with building a project. There i am stuck with one image upload functionality. I have two classes one for pure image file data and another for only display images (completely for UI purposes).I am stuck with the requirement whenever user selects multiple images ,the first list will trigger and should automatically reflect to the second list and bind to the table. I have been told something like below need to follow for this scenario but I am facing some difficulties to build the logic. Please anyone help me on this. I have to add remove and edit name functionality also. User can remove or edit image name before sending in to DB below is my table plan but how and where I have to create second list and connected together? i have done for file details how i can do for image using above get set mtd

Hint for me:

List<browsedfiles>
{
get{return files}
set{Imagedata =new List<Media>(value)
files=value;
}

List<ImageforUI>Imagedata {get;set;}

What I have tried:

private async Task OnFilesChanged(InputFileChangeEventArgs eventArgs){


      var files = new List<browsedfiles>(eventArgs.FileCount);

       files.AddRange(eventArgs.GetMultipleFiles(5).Select(file => new 
       browsedfiles(file)));

      }