diff --git a/src/BootstrapBlazor.Shared/Locales/en-US.json b/src/BootstrapBlazor.Shared/Locales/en-US.json
index c1090bbe72b301d13ea60436989835860c03edf4..50bcac2bb873781ebe503a57946839423024aaba 100644
--- a/src/BootstrapBlazor.Shared/Locales/en-US.json
+++ b/src/BootstrapBlazor.Shared/Locales/en-US.json
@@ -107,5 +107,11 @@
   "BootstrapBlazor.Shared.Pages.Components.ThemeChooser": {
     "Title": "Click to choose theme",
     "HeaderText": "Themes"
+  },
+  "BootstrapBlazor.Shared.Pages.Uploads.Person": {
+    "Name": "Name",
+    "Name.Required": "{0} is required",
+    "Picture": "File",
+    "Picture.Required": "{0} is required"
   }
 }
diff --git a/src/BootstrapBlazor.Shared/Locales/zh-CN.json b/src/BootstrapBlazor.Shared/Locales/zh-CN.json
index 571c3e377df8968dcc02f045b879b7e741b6bda7..00deeb6399c6552cb0ecc2cac4b2ea235d818913 100644
--- a/src/BootstrapBlazor.Shared/Locales/zh-CN.json
+++ b/src/BootstrapBlazor.Shared/Locales/zh-CN.json
@@ -107,5 +107,11 @@
   "BootstrapBlazor.Shared.Pages.Components.ThemeChooser": {
     "Title": "点击切换主题",
     "HeaderText": "请选择主题"
+  },
+  "BootstrapBlazor.Shared.Pages.Uploads.Person": {
+    "Name": "姓名",
+    "Name.Required": "{0}不能为空",
+    "Picture": "上传文件",
+    "Picture.Required": "上传文件不能为空"
   }
 }
diff --git a/src/BootstrapBlazor.Shared/Pages/Samples/Uploads.razor b/src/BootstrapBlazor.Shared/Pages/Samples/Uploads.razor
index 7f1b76e8b21b9b5576b0a3eb186423feb0b86cc1..25098198aeaedf7b5d0d266db83223b7c43b8c19 100644
--- a/src/BootstrapBlazor.Shared/Pages/Samples/Uploads.razor
+++ b/src/BootstrapBlazor.Shared/Pages/Samples/Uploads.razor
@@ -17,7 +17,7 @@
             </div>
             <div class="form-group col-12">
                 <label for="text3" class="control-label">照片:</label>
-                <InputUpload Id="text3" ShowDeleteButton="true" OnChange="@OnFileChange" OnDelete="@OnFileDelete"></InputUpload>
+                <InputUpload TValue="string" Id="text3" ShowDeleteButton="true" OnChange="@OnFileChange" OnDelete="@OnFileDelete"></InputUpload>
             </div>
         </div>
     </div>
@@ -48,13 +48,13 @@
     <div class="row">
         <div class="col-12 col-sm-6">
             <p>点击 <code>浏览按钮</code> 选择文件上传，本例中设置 <code>IsMultiple=true</code> 可多选文件进行上传</p>
-            <ButtonUpload IsMultiple="true" ShowProgress="true" OnChange="@OnClickToUpload" OnDelete="@(fileName => Task.FromResult(true))"></ButtonUpload>
+            <ButtonUpload TValue="string" IsMultiple="true" ShowProgress="true" OnChange="@OnClickToUpload" OnDelete="@(fileName => Task.FromResult(true))"></ButtonUpload>
         </div>
     </div>
     <p class="mt-3">设置 <code>IsSingle</code> 时，仅可以上传一张图片或者文件</p>
     <div class="row mt-3">
         <div class="col-12 col-sm-6">
-            <ButtonUpload IsSingle="true" OnChange="@OnClickToUpload" OnDelete="@(fileName => Task.FromResult(true))"></ButtonUpload>
+            <ButtonUpload TValue="string" IsSingle="true" OnChange="@OnClickToUpload" OnDelete="@(fileName => Task.FromResult(true))"></ButtonUpload>
         </div>
     </div>
 </Block>
@@ -62,7 +62,7 @@
 <Block Title="已上传文件列表" Introduction="使用 <code>DefaultFileList</code> 设置已上传的内容">
     <div class="row">
         <div class="col-12 col-sm-6">
-            <ButtonUpload OnDelete="@(fileName => Task.FromResult(true))" DefaultFileList="@DefaultFormatFileList"></ButtonUpload>
+            <ButtonUpload TValue="string" OnDelete="@(fileName => Task.FromResult(true))" DefaultFileList="@DefaultFormatFileList"></ButtonUpload>
         </div>
     </div>
 </Block>
@@ -70,7 +70,7 @@
 <Block Title="上传文件夹" Introduction="使用 <code>DefaultFileList</code> 设置已上传的内容">
     <div class="row">
         <div class="col-12 col-sm-6">
-            <ButtonUpload IsDirectory="true" OnChange="@OnUploadFolder" OnDelete="@(fileName => Task.FromResult(true))"></ButtonUpload>
+            <ButtonUpload TValue="string" IsDirectory="true" OnChange="@OnUploadFolder" OnDelete="@(fileName => Task.FromResult(true))"></ButtonUpload>
         </div>
     </div>
 </Block>
@@ -79,24 +79,31 @@
     <div class="row">
         <div class="col-12">
             <p>卡片形式头像框</p>
-            <AvatarUpload Accept="image/*" OnChange="@OnAvatarUpload" OnDelete="@(fileName => Task.FromResult(true))"></AvatarUpload>
+            <AvatarUpload TValue="string" Accept="image/*" OnChange="@OnAvatarUpload" OnDelete="@(fileName => Task.FromResult(true))"></AvatarUpload>
         </div>
     </div>
     <div class="row mt-3">
         <div class="col-12">
             <p>圆形头像框</p>
-            <AvatarUpload Accept="image/*" ShowProgress="true" IsCircle="true" OnChange="@OnAvatarUpload" OnDelete="@(fileName => Task.FromResult(true))"></AvatarUpload>
+            <AvatarUpload TValue="string" Accept="image/*" ShowProgress="true" IsCircle="true" OnChange="@OnAvatarUpload" OnDelete="@(fileName => Task.FromResult(true))"></AvatarUpload>
         </div>
     </div>
     <div class="row mt-3">
         <div class="col-12">
             <p>设置 <code>IsSingle</code> 时，仅可以上传一张图片或者文件</p>
-            <AvatarUpload IsSingle="true" OnChange="@OnAvatarUpload" OnDelete="@(fileName => Task.FromResult(true))"></AvatarUpload>
+            <AvatarUpload TValue="string" IsSingle="true" OnChange="@OnAvatarUpload" OnDelete="@(fileName => Task.FromResult(true))"></AvatarUpload>
             <p>
                 <div>组件提供了 <code>Accept</code> 属性用于设置上传文件过滤功能，本例中圆形头像框接受 GIF 和 JPEG 两种图像，设置 <code>Accept="image/gif, image/jpeg"</code>，如果不限制图像的格式，可以写为：<code>Accept="image/*"</code>，该属性并不安全还是应该是使用 <b>服务器端验证</b> 进行文件格式验证</div>
             </p>
             <p>相关文档：<a href="https://www.runoob.com/tags/att-input-accept.html" target="_blank">[Accept 属性详解]</a> <a href="http://www.iana.org/assignments/media-types/media-types.xhtml" target="_blank">[Media Types 详细列表]</a></p>
-            <AvatarUpload Accept="image/gif, image/jpeg" IsSingle="true" OnChange="@OnAvatarUpload" OnDelete="@(fileName => Task.FromResult(true))"></AvatarUpload>
+            <AvatarUpload TValue="string" Accept="image/gif, image/jpeg" IsSingle="true" OnChange="@OnAvatarUpload" OnDelete="@(fileName => Task.FromResult(true))"></AvatarUpload>
+        </div>
+    </div>
+    <div class="row mt-3">
+        <div class="col-12">
+            <p>通过 <code>DefaultFileList</code> 属性设置预览地址 <code>PreUrl</code> 即可</p>
+            <AvatarUpload TValue="string" Accept="image/gif, image/jpeg" IsSingle="true" DefaultFileList="@PreviewFileList"
+                          OnChange="@OnAvatarUpload" OnDelete="@(fileName => Task.FromResult(true))" />
         </div>
     </div>
 </Block>
@@ -114,19 +121,19 @@
     <div class="row">
         <div class="col-12">
             <p>本例中设置 <code>ShowProgress=true</code> 显示上传进度条</p>
-            <CardUpload ShowProgress="true" OnChange="@OnCardUpload" OnDelete="@(fileName => Task.FromResult(true))"></CardUpload>
+            <CardUpload TValue="string" ShowProgress="true" OnChange="@OnCardUpload" OnDelete="@(fileName => Task.FromResult(true))"></CardUpload>
         </div>
     </div>
     <div class="row mt-3">
         <div class="col-12">
             <p>设置 <code>IsSingle</code> 时，仅可以上传一张图片或者文件</p>
-            <CardUpload IsSingle="true" OnChange="@OnCardUpload" OnDelete="@(fileName => Task.FromResult(true))"></CardUpload>
+            <CardUpload TValue="string" IsSingle="true" OnChange="@OnCardUpload" OnDelete="@(fileName => Task.FromResult(true))"></CardUpload>
         </div>
     </div>
 </Block>
 
 <Block Title="文件图标" Introduction="不同文件格式显示的图标不同">
-    <CardUpload DefaultFileList="@DefaultFormatFileList" OnChange="@OnCardUpload" OnDelete="@(fileName => Task.FromResult(true))"></CardUpload>
+    <CardUpload TValue="string" DefaultFileList="@DefaultFormatFileList" OnChange="@OnCardUpload" OnDelete="@(fileName => Task.FromResult(true))"></CardUpload>
 </Block>
 
 <Toast />
diff --git a/src/BootstrapBlazor.Shared/Pages/Samples/Uploads.razor.cs b/src/BootstrapBlazor.Shared/Pages/Samples/Uploads.razor.cs
index e64b9ae55711732bdeda2238ba546f310c77592b..5a74a1e0f1b2120634e725abf210e870612fb202 100644
--- a/src/BootstrapBlazor.Shared/Pages/Samples/Uploads.razor.cs
+++ b/src/BootstrapBlazor.Shared/Pages/Samples/Uploads.razor.cs
@@ -34,6 +34,8 @@ namespace BootstrapBlazor.Shared.Pages
         [NotNull]
         private IOptions<WebsiteOptions>? SiteOptions { get; set; }
 
+        private List<UploadFile> PreviewFileList { get; } = new(new[] { new UploadFile { PrevUrl = "_content/BootstrapBlazor.Shared/images/Argo.png" } });
+
         private Logger? Trace { get; set; }
 
         private IEnumerable<UploadFile> DefaultFormatFileList { get; } = new List<UploadFile>()
@@ -191,12 +193,10 @@ namespace BootstrapBlazor.Shared.Pages
 
         private class Person
         {
-            [Display(Name = "姓名")]
             [Required]
             [StringLength(20, MinimumLength = 2)]
             public string Name { get; set; } = "Blazor";
 
-            [Display(Name = "上传文件")]
             [Required]
             [FileValidation(Extensions = new string[] { ".png", ".jpg", ".jpeg" }, FileSize = 50 * 1024)]
             public IBrowserFile? Picture { get; set; }
diff --git a/src/BootstrapBlazor/Attributes/FileValidationAttribute.cs b/src/BootstrapBlazor/Attributes/FileValidationAttribute.cs
index e15b90e33c48605033c044de9ffc17129c089c2b..a6e5be0629d3b36f5cd4282bb2b944022a63c2ea 100644
--- a/src/BootstrapBlazor/Attributes/FileValidationAttribute.cs
+++ b/src/BootstrapBlazor/Attributes/FileValidationAttribute.cs
@@ -45,7 +45,7 @@ namespace BootstrapBlazor.Components
                 var file = (IBrowserFile?)value;
                 if (file != null)
                 {
-                    Localizer = JsonStringLocalizerFactory.CreateLocalizer<Upload>();
+                    Localizer = JsonStringLocalizerFactory.CreateLocalizer<Upload<object>>();
                     if (Extensions.Any() && !Extensions.Contains(Path.GetExtension(file.Name), StringComparer.OrdinalIgnoreCase))
                     {
                         var errorMessage = Localizer?["FileExtensions", string.Join(", ", Extensions)];
diff --git a/src/BootstrapBlazor/BootstrapBlazor.csproj b/src/BootstrapBlazor/BootstrapBlazor.csproj
index 0d32a6532f252919444f46e5efcadc21191f2235..ba3f45dde7ea84105ed6b4ff8bdb098b307a6f13 100644
--- a/src/BootstrapBlazor/BootstrapBlazor.csproj
+++ b/src/BootstrapBlazor/BootstrapBlazor.csproj
@@ -3,7 +3,7 @@
   <PropertyGroup>
     <IsPackable>true</IsPackable>
     <PackageIcon>logo.png</PackageIcon>
-    <Version>5.0.23-beta01</Version>
+    <Version>5.0.23-beta03</Version>
     <PackageReleaseNotes>https://gitee.com/LongbowEnterprise/BootstrapBlazor/wikis</PackageReleaseNotes>
   </PropertyGroup>
 
diff --git a/src/BootstrapBlazor/Components/Upload/AvatarUpload.razor b/src/BootstrapBlazor/Components/Upload/AvatarUpload.razor
index 79a28a0d00bc254301b0a757e26a479fb10df7cc..711ae72c65b863e7f1746176b32b575d3340bcb4 100644
--- a/src/BootstrapBlazor/Components/Upload/AvatarUpload.razor
+++ b/src/BootstrapBlazor/Components/Upload/AvatarUpload.razor
@@ -1,6 +1,11 @@
 @namespace BootstrapBlazor.Components
-@inherits MultipleUploadBase
+@typeparam TValue
+@inherits MultipleUploadBase<TValue>
 
+@if (IsShowLabel)
+{
+    <label class="control-label" required="@Required">@DisplayText</label>
+}
 <div @attributes="@AdditionalAttributes" class="@ClassString" @ref="UploaderElement">
     <div class="upload-body is-avatar">
         @foreach (var item in UploadFiles)
diff --git a/src/BootstrapBlazor/Components/Upload/AvatarUpload.razor.cs b/src/BootstrapBlazor/Components/Upload/AvatarUpload.razor.cs
index b87d972a807a9714dababb224dfe81e669cd7839..2f1280d0583c10dda345416466d280770d8a1460 100644
--- a/src/BootstrapBlazor/Components/Upload/AvatarUpload.razor.cs
+++ b/src/BootstrapBlazor/Components/Upload/AvatarUpload.razor.cs
@@ -11,7 +11,7 @@ namespace BootstrapBlazor.Components
     /// <summary>
     /// 
     /// </summary>
-    public sealed partial class AvatarUpload
+    public sealed partial class AvatarUpload<TValue>
     {
         /// <summary>
         /// 
@@ -60,7 +60,7 @@ namespace BootstrapBlazor.Components
         /// <returns></returns>
         protected override async Task OnFileChange(InputFileChangeEventArgs args)
         {
-            CurrentValue = args.File;
+            //CurrentValue = args.File;
 
             var file = new UploadFile()
             {
diff --git a/src/BootstrapBlazor/Components/Upload/ButtonUpload.razor b/src/BootstrapBlazor/Components/Upload/ButtonUpload.razor
index ecae4665d9bff1bae51d014d3e5d491c8bb7bfe3..81315c8423f3c55a1a0fef45de7f314c27be5e2c 100644
--- a/src/BootstrapBlazor/Components/Upload/ButtonUpload.razor
+++ b/src/BootstrapBlazor/Components/Upload/ButtonUpload.razor
@@ -1,6 +1,11 @@
 @namespace BootstrapBlazor.Components
-@inherits ButtonUploadBase
+@typeparam TValue
+@inherits ButtonUploadBase<TValue>
 
+@if (IsShowLabel)
+{
+    <label class="control-label" required="@Required">@DisplayText</label>
+}
 <div @attributes="@AdditionalAttributes" class="@ClassString" @ref="UploaderElement">
     <Button class="@BrowserButtonClassString" IsDisabled="@IsUploadButtonDisabled" Icon="@BrowserButtonIcon" Text="@BrowserButtonText" />
     <div class="upload-body is-list">
diff --git a/src/BootstrapBlazor/Components/Upload/ButtonUpload.razor.cs b/src/BootstrapBlazor/Components/Upload/ButtonUpload.razor.cs
index 1c4c2d7afa69effc4d419fa6663931a2e0e2acb5..c15429bee36a8bd3ad3f310b6d3353fbb3ff7996 100644
--- a/src/BootstrapBlazor/Components/Upload/ButtonUpload.razor.cs
+++ b/src/BootstrapBlazor/Components/Upload/ButtonUpload.razor.cs
@@ -12,7 +12,7 @@ namespace BootstrapBlazor.Components
     /// <summary>
     /// 
     /// </summary>
-    public sealed partial class ButtonUpload
+    public sealed partial class ButtonUpload<TValue>
     {
         private bool IsUploadButtonDisabled => IsSingle && UploadFiles.Any();
 
@@ -41,7 +41,7 @@ namespace BootstrapBlazor.Components
 
         [Inject]
         [NotNull]
-        private IStringLocalizer<Upload>? Localizer { get; set; }
+        private IStringLocalizer<Upload<TValue>>? Localizer { get; set; }
 
         /// <summary>
         /// OnInitialized 方法
diff --git a/src/BootstrapBlazor/Components/Upload/ButtonUploadBase.cs b/src/BootstrapBlazor/Components/Upload/ButtonUploadBase.cs
index 505b11fe486f631257edd0be06dca8781ded8068..e7396f075de6f84b43597756f70145eb795804e7 100644
--- a/src/BootstrapBlazor/Components/Upload/ButtonUploadBase.cs
+++ b/src/BootstrapBlazor/Components/Upload/ButtonUploadBase.cs
@@ -15,7 +15,7 @@ namespace BootstrapBlazor.Components
     /// <summary>
     /// 
     /// </summary>
-    public abstract class ButtonUploadBase : MultipleUploadBase
+    public abstract class ButtonUploadBase<TValue> : MultipleUploadBase<TValue>
     {
         /// <summary>
         /// 获得/设置 是否仅上传一次 默认 false
@@ -49,7 +49,10 @@ namespace BootstrapBlazor.Components
             base.OnInitialized();
 
             // 上传文件夹时 开启 Multiple 属性
-            if (IsDirectory) IsMultiple = true;
+            if (IsDirectory)
+            {
+                IsMultiple = true;
+            }
         }
 
         /// <summary>
@@ -116,7 +119,7 @@ namespace BootstrapBlazor.Components
         {
             var builder = CssBuilder.Default("fa");
             var fileExtension = Path.GetExtension(item.OriginFileName ?? item.FileName)?.ToLowerInvariant() ?? "";
-            string icon = OnGetFileFormat?.Invoke(fileExtension) ?? fileExtension switch
+            var icon = OnGetFileFormat?.Invoke(fileExtension) ?? fileExtension switch
             {
                 ".csv" or ".xls" or ".xlsx" => "fa-file-excel-o",
                 ".doc" or ".docx" or ".dot" or ".dotx" => "fa-file-word-o",
@@ -145,8 +148,16 @@ namespace BootstrapBlazor.Components
                 { "hidden", "hidden" }
             };
 
-            if (!string.IsNullOrEmpty(Accept)) ret.Add("accept", Accept);
-            if (IsMultiple) ret.Add("multiple", "multiple");
+            if (!string.IsNullOrEmpty(Accept))
+            {
+                ret.Add("accept", Accept);
+            }
+
+            if (IsMultiple)
+            {
+                ret.Add("multiple", "multiple");
+            }
+
             if (IsDirectory)
             {
                 ret.Add("directory", "dicrectory");
diff --git a/src/BootstrapBlazor/Components/Upload/CardUpload.razor b/src/BootstrapBlazor/Components/Upload/CardUpload.razor
index 821b1891a17c7e880e3780a5d53d7fb259b82c97..df12a2580046d3136b99e88835a8fa6f4c95439a 100644
--- a/src/BootstrapBlazor/Components/Upload/CardUpload.razor
+++ b/src/BootstrapBlazor/Components/Upload/CardUpload.razor
@@ -1,6 +1,11 @@
 @namespace BootstrapBlazor.Components
-@inherits ButtonUploadBase
+@typeparam TValue
+@inherits ButtonUploadBase<TValue>
 
+@if (IsShowLabel)
+{
+    <label class="control-label" required="@Required">@DisplayText</label>
+}
 <div @attributes="@AdditionalAttributes" class="@ClassString" @ref="UploaderElement">
     <div class="upload-body is-card">
         @foreach (var item in UploadFiles)
diff --git a/src/BootstrapBlazor/Components/Upload/CardUpload.razor.cs b/src/BootstrapBlazor/Components/Upload/CardUpload.razor.cs
index 3a7c15c87b622229ade9060fd59db9d4dac35a92..c9b36e70b76ecc43c28fc54ab041363f227b3596 100644
--- a/src/BootstrapBlazor/Components/Upload/CardUpload.razor.cs
+++ b/src/BootstrapBlazor/Components/Upload/CardUpload.razor.cs
@@ -10,7 +10,7 @@ namespace BootstrapBlazor.Components
     /// <summary>
     /// 
     /// </summary>
-    public sealed partial class CardUpload
+    public sealed partial class CardUpload<TValue>
     {
         private static string? GetDiabledString(UploadFile item) => (item.Uploaded && item.Code == 0) ? null : "disabled";
 
diff --git a/src/BootstrapBlazor/Components/Upload/InputUpload.razor b/src/BootstrapBlazor/Components/Upload/InputUpload.razor
index e0665a2bd7a71f7e91a9884428558ff5f4286422..83eb1df6abe1a350dbae1c527d0b25033808981a 100644
--- a/src/BootstrapBlazor/Components/Upload/InputUpload.razor
+++ b/src/BootstrapBlazor/Components/Upload/InputUpload.razor
@@ -1,5 +1,6 @@
 @namespace BootstrapBlazor.Components
-@inherits UploadBase
+@typeparam TValue
+@inherits UploadBase<TValue>
 
 @if (IsShowLabel)
 {
diff --git a/src/BootstrapBlazor/Components/Upload/InputUpload.razor.cs b/src/BootstrapBlazor/Components/Upload/InputUpload.razor.cs
index 0b84e62fabc178b85b4103250f2ad6fc803b9691..13d208d6ef6942685a5f9723b0fbe50f74e94ee2 100644
--- a/src/BootstrapBlazor/Components/Upload/InputUpload.razor.cs
+++ b/src/BootstrapBlazor/Components/Upload/InputUpload.razor.cs
@@ -13,7 +13,7 @@ namespace BootstrapBlazor.Components
     /// <summary>
     /// 
     /// </summary>
-    public sealed partial class InputUpload
+    public sealed partial class InputUpload<TValue>
     {
         private string? InputValueClassString => CssBuilder.Default("form-control")
             .AddClass(CssClass).AddClass(ValidCss)
@@ -83,7 +83,7 @@ namespace BootstrapBlazor.Components
 
         [Inject]
         [NotNull]
-        private IStringLocalizer<Upload>? Localizer { get; set; }
+        private IStringLocalizer<Upload<TValue>>? Localizer { get; set; }
 
         /// <summary>
         /// OnInitialized 方法
@@ -103,7 +103,7 @@ namespace BootstrapBlazor.Components
         /// <returns></returns>
         protected override async Task OnFileChange(InputFileChangeEventArgs args)
         {
-            CurrentValue = args.File;
+            //CurrentValue = args.File;
 
             CurrentFile = new UploadFile()
             {
@@ -128,7 +128,7 @@ namespace BootstrapBlazor.Components
                 if (ret)
                 {
                     CurrentFile = null;
-                    CurrentValue = null!;
+                    CurrentValue = default;
                 }
             }
         }
diff --git a/src/BootstrapBlazor/Components/Upload/MultipleUploadBase.cs b/src/BootstrapBlazor/Components/Upload/MultipleUploadBase.cs
index 1083e6c363de4120498c5c3bcc45990126562ec3..582073c5345eef758a0669e3fea0d80261e1cb8d 100644
--- a/src/BootstrapBlazor/Components/Upload/MultipleUploadBase.cs
+++ b/src/BootstrapBlazor/Components/Upload/MultipleUploadBase.cs
@@ -12,7 +12,7 @@ namespace BootstrapBlazor.Components
     /// <summary>
     /// 
     /// </summary>
-    public abstract class MultipleUploadBase : UploadBase
+    public abstract class MultipleUploadBase<TValue> : UploadBase<TValue>
     {
         /// <summary>
         /// 
@@ -51,7 +51,7 @@ namespace BootstrapBlazor.Components
         public bool ShowProgress { get; set; }
 
         /// <summary>
-        /// 
+        /// OnInitialized 方法
         /// </summary>
         protected override void OnInitialized()
         {
@@ -66,7 +66,7 @@ namespace BootstrapBlazor.Components
         }
 
         /// <summary>
-        /// 
+        /// OnFileDelete 回调委托
         /// </summary>
         /// <param name="item"></param>
         /// <returns></returns>
@@ -83,7 +83,7 @@ namespace BootstrapBlazor.Components
         }
 
         /// <summary>
-        /// 
+        /// 是否显示进度条方法
         /// </summary>
         /// <param name="item"></param>
         /// <returns></returns>
diff --git a/src/BootstrapBlazor/Components/Upload/Upload.razor b/src/BootstrapBlazor/Components/Upload/Upload.razor
index 71189308c38e9cfd265d04579afc4caa9ea8fe75..43a4ce85ebed50cb147f2f126856f3285bb77c83 100644
--- a/src/BootstrapBlazor/Components/Upload/Upload.razor
+++ b/src/BootstrapBlazor/Components/Upload/Upload.razor
@@ -1,19 +1,20 @@
 @namespace BootstrapBlazor.Components
-@inherits ButtonUploadBase
+@typeparam TValue
+@inherits ButtonUploadBase<TValue>
 
 @if (Style == UploadStyle.Avatar)
 {
-    <AvatarUpload AdditionalAttributes="@AdditionalAttributes" Accept="@Accept" DefaultFileList="@DefaultFileList" DisplayText="@DisplayText" IsDisabled="@IsDisabled" IsCircle="@IsCircle" ShowLabel="@ShowLabel" ShowProgress="@ShowProgress"  />
+    <AvatarUpload TValue="TValue" AdditionalAttributes="@AdditionalAttributes" Accept="@Accept" DefaultFileList="@DefaultFileList" DisplayText="@DisplayText" IsDisabled="@IsDisabled" IsCircle="@IsCircle" ShowLabel="@ShowLabel" ShowProgress="@ShowProgress"  />
 }
 else if (Style == UploadStyle.ClickToUpload)
 {
-    <ButtonUpload />
+    <ButtonUpload TValue="TValue" />
 }
 else if (Style == UploadStyle.Card)
 {
-    <CardUpload />
+    <CardUpload TValue="TValue" />
 }
 else
 {
-    <InputUpload DisplayText="@DisplayText" />
+    <InputUpload TValue="TValue" DisplayText="@DisplayText" />
 }
diff --git a/src/BootstrapBlazor/Components/Upload/Upload.razor.cs b/src/BootstrapBlazor/Components/Upload/Upload.razor.cs
index 2c4c7419c6143c47eebe4eabff925ea929666751..f9c8ffd170e8babf5dfd185239dbc175c0399b18 100644
--- a/src/BootstrapBlazor/Components/Upload/Upload.razor.cs
+++ b/src/BootstrapBlazor/Components/Upload/Upload.razor.cs
@@ -9,7 +9,7 @@ namespace BootstrapBlazor.Components
     /// <summary>
     /// 
     /// </summary>
-    public sealed partial class Upload
+    public sealed partial class Upload<TValue>
     {
         /// <summary>
         /// 获得/设置 上传组件模式 默认为 Normal 正常模式多用于表单中
diff --git a/src/BootstrapBlazor/Components/Upload/UploadBase.cs b/src/BootstrapBlazor/Components/Upload/UploadBase.cs
index 8ef149c115a5b84dc9dfb3332edd3eafa84cd02b..f29cedb07429f405835edd0a6a7f89bbe57f2df5 100644
--- a/src/BootstrapBlazor/Components/Upload/UploadBase.cs
+++ b/src/BootstrapBlazor/Components/Upload/UploadBase.cs
@@ -13,7 +13,7 @@ namespace BootstrapBlazor.Components
     /// <summary>
     /// Upload 组件基类
     /// </summary>
-    public abstract class UploadBase : ValidateBase<IBrowserFile>
+    public abstract class UploadBase<TValue> : ValidateBase<TValue>
     {
         /// <summary>
         /// 获得 组件样式