React 组件
UGFileInput 文件选择
保留原生文件选择、键盘和表单语义,并统一标签、帮助、错误与尺寸。上传请求仍由业务层处理。
导入方式
按需从包入口导入组件,并在应用入口引入一次样式文件。
tsx
import { UGFileInput } from '@ug666/ui-react'文件选择
选择结果只是本地 File 对象,组件不会自动上传。
支持 PDF、PNG、JPG,单个文件最大 10 MB。
尚未选择文件
状态
文件格式不符合要求,请重新选择。
当前流程已归档。
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| accept | string | - | 限制可选择的文件类型。 |
| multiple | boolean | false | 是否允许选择多个文件。 |
| size | small | default | large | default | 控件尺寸,受 ConfigProvider 影响。 |
| onFilesChange | (files: File[]) => void | - | 返回当前原生 File 列表。 |