React 组件

UGFileInput 文件选择

保留原生文件选择、键盘和表单语义,并统一标签、帮助、错误与尺寸。上传请求仍由业务层处理。

导入方式

按需从包入口导入组件,并在应用入口引入一次样式文件。

tsx
import { UGFileInput } from '@ug666/ui-react'

文件选择

选择结果只是本地 File 对象,组件不会自动上传。

支持 PDF、PNG、JPG,单个文件最大 10 MB。

尚未选择文件

状态

文件格式不符合要求,请重新选择。

当前流程已归档。

属性

属性类型默认值说明
acceptstring-限制可选择的文件类型。
multiplebooleanfalse是否允许选择多个文件。
sizesmall | default | largedefault控件尺寸,受 ConfigProvider 影响。
onFilesChange(files: File[]) => void-返回当前原生 File 列表。