NetcodeHub.Packages.Components.FileUpload 1.0.5

Introduction to the package Usage.

 This package has two folds <FileModel>
1. It returns IBrowser file / List<IBrowser file> => which is the actual file.
2. It returns Dictionary<string, string> BaseFiles => which is file name and converted Base64String.
Use the File name to locate spacifc Bse64String image file you are looking for when dealing with List.

Install the package

        NetcodeHub.Packages.Components.FileUpload

Add the package namespace to the project

         @using NetcodeHub.Packages.Components.FileUpload

Use the component

           <NetcodeHubFileUpload @ref="FileUploadComponent" 
                            Notify="RetrieveBase64String" 
                            Multiple=false  
                            RequiredExtensions="RequiredEx"
                            ShowDisplay ="false"/>
          <h1>@Errors</h1>

     @code {
     List<string> RequiredEx = [".jpg", ".png", ".jpeg", ".gif"];
        
        NetcodeHubFileUpload? FileUploadComponent;

Grabing only Single Image (Multiple Section = false) in Base64String.

        string? Errors;
        string Base64String = string.Empty;
        void RetrieveBase64String(FileModel incomingFiles)
        {
            if(incomingFiles is not null)
            {
                 foreach (var item in incomingFiles.IBrowserFiles!)
                 {
                     // This is for single.
                     var getFileNameAndBase64String = incomingFiles.BaseFiles!.FirstOrDefault(_ => _.Key.Equals(item.Name, StringComparison.OrdinalIgnoreCase));

                     if (getFileNameAndBase64String.Key != null)
                         Base64String = getFileNameAndBase64String.Value;
                 }
            }
            Errors = FileUploadComponent!.GetErrors();
        }
    
       

If you need the original file, then :

void RetrieveFiles(FileModel incomingFiles)
        {
            if(incomingFiles is not null)
            {
                foreach (var item in incomingFiles.IBrowserFiles!)
                {
                    // This is for single.
                    var orignalFile = item;
                }
            }
            Errors = FileUploadComponent!.GetErrors();
        }
    }