feat: 增加预览实例方法

Author: ArgoZhang

src/BootstrapBlazor/Components/Upload/AvatarUpload.razor.cs

@@ -150,11 +150,15 @@ protected override async Task TriggerOnChanged(UploadFile file)
         await base.TriggerOnChanged(file);
     }
 
+    /// <summary>
+    /// 预览当前头像方法
+    /// </summary>
+    /// <returns></returns>
     public async Task Preview()
     {
         if(ShowPreviewList)
         {
-
+            await InvokeVoidAsync("preview", PreviewerId, 0);
         }
     }
 

src/BootstrapBlazor/wwwroot/modules/upload.js

@@ -84,6 +84,13 @@ export function init(id) {
     })
 }
 
+export function preview(previewerId, index) {
+    const prev = Data.get(previewerId);
+    if (prev) {
+        prev.viewer.show(index);
+    }
+}
+
 export async function getPreviewUrl(id, fileName) {
     let url = '';
     const upload = Data.get(id);