diff --git a/web/app/components/workflow/nodes/_base/components/file-upload-setting.tsx b/web/app/components/workflow/nodes/_base/components/file-upload-setting.tsx
index e791afbb66..d915f59036 100644
--- a/web/app/components/workflow/nodes/_base/components/file-upload-setting.tsx
+++ b/web/app/components/workflow/nodes/_base/components/file-upload-setting.tsx
@@ -68,9 +68,9 @@ const FileUploadSetting: FC<Props> = ({
   const handleCustomFileTypesChange = useCallback((customFileTypes: string[]) => {
     const newPayload = produce(payload, (draft) => {
       draft.allowed_file_extensions = customFileTypes.map((v) => {
-        if (v.startsWith('.'))
-          return v
-        return `.${v}`
+        if (v.startsWith('.')) // Not start with dot
+          return v.slice(1)
+        return v
       })
     })
     onChange(newPayload)
@@ -104,7 +104,7 @@ const FileUploadSetting: FC<Props> = ({
               type={SupportUploadFileTypes.custom}
               selected={allowed_file_types.includes(SupportUploadFileTypes.custom)}
               onToggle={handleSupportFileTypeChange}
-              customFileTypes={allowed_file_extensions}
+              customFileTypes={allowed_file_extensions?.map(item => `.${item}`)}
               onCustomFileTypesChange={handleCustomFileTypesChange}
             />
           </div>