From d933ebb845c7bd4cff63291e57171bbc70b7322a Mon Sep 17 00:00:00 2001
From: StyleZhang <jasonapring2015@outlook.com>
Date: Mon, 9 Sep 2024 11:27:35 +0800
Subject: [PATCH] file input

---
 .../base/file-uploader/file-from-link-or-local/index.tsx  | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/app/components/base/file-uploader/file-from-link-or-local/index.tsx b/web/app/components/base/file-uploader/file-from-link-or-local/index.tsx
index 159b037c84..0854787392 100644
--- a/web/app/components/base/file-uploader/file-from-link-or-local/index.tsx
+++ b/web/app/components/base/file-uploader/file-from-link-or-local/index.tsx
@@ -72,11 +72,17 @@ const FileFromLinkOrLocal = ({
           {
             showFromLocal && (
               <Button
-                className='w-full'
+                className='relative w-full'
                 variant='secondary-accent'
               >
                 <RiUploadCloud2Line className='mr-1 w-4 h-4' />
                 {t('common.fileUploader.uploadFromComputer')}
+                <input
+                  className='absolute block inset-0 opacity-0 text-[0] w-full disabled:cursor-not-allowed cursor-pointer'
+                  onClick={e => ((e.target as HTMLInputElement).value = '')}
+                  type='file'
+                  onChange={() => {}}
+                />
               </Button>
             )
           }