diff --git a/web/app/components/workflow/nodes/_base/components/before-run-form/form-item.tsx b/web/app/components/workflow/nodes/_base/components/before-run-form/form-item.tsx
index 4f9b602199..9161f0fd55 100644
--- a/web/app/components/workflow/nodes/_base/components/before-run-form/form-item.tsx
+++ b/web/app/components/workflow/nodes/_base/components/before-run-form/form-item.tsx
@@ -157,7 +157,21 @@ const FormItem: FC<Props> = ({
             />
           )
         }
-        {(type === InputVarType.singleFile || type === InputVarType.multiFiles) && (
+        {(type === InputVarType.singleFile) && (
+          <FileUploaderInAttachmentWrapper
+            onChange={(files) => {
+              if (files.length)
+                onChange(getProcessedFiles(files)[0])
+            }}
+            fileConfig={{
+              allowed_file_types: payload.allowed_file_types,
+              allowed_file_extensions: payload.allowed_file_extensions,
+              allowed_file_upload_methods: payload.allowed_file_upload_methods,
+              number_limits: 1,
+            }}
+          />
+        )}
+        {(type === InputVarType.multiFiles) && (
           <FileUploaderInAttachmentWrapper
             onChange={files => onChange(getProcessedFiles(files))}
             fileConfig={{
diff --git a/web/app/components/workflow/panel/debug-and-preview/user-input.tsx b/web/app/components/workflow/panel/debug-and-preview/user-input.tsx
index 45023b5598..5383fb6f0c 100644
--- a/web/app/components/workflow/panel/debug-and-preview/user-input.tsx
+++ b/web/app/components/workflow/panel/debug-and-preview/user-input.tsx
@@ -19,7 +19,11 @@ const UserInput = () => {
   const variables = startNode?.data.variables || []
 
   const handleValueChange = (variable: string, v: string) => {
-    workflowStore.getState().setInputs({
+    const {
+      inputs,
+      setInputs,
+    } = workflowStore.getState()
+    setInputs({
       ...inputs,
       [variable]: v,
     })