NetcodeHub.Packages.Components.FileUpload 1.0.3

Introduction to the package Usage.

 This package has in two folds <FileModel>
1. It returns IBrowser file / List<IBrowser file> => which is the actual file.
2. It return 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 whe 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="RetrieveContent" 
                                Multiple=true  // You can specify or leave empty to accept one file.
                                RequiredExtensions="RequiredEx"/>
          <h1>@Errors</h1>

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

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

        string? Errors;
        string Base64String = string.Empty;
        void RetrieveContent(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 RetrieveContent(FileModel incomingFiles)
        {
            if(incomingFiles is not null)
            {
                foreach (var item in incomingFiles.IBrowserFiles!)
                {
                    // This is for single.
                    var orignalFile = item;
                }
            }
            Errors = FileUploadComponent!.GetErrors();
        }
    }