Upload 用于图片上传,支持多种比例、上传中遮罩、上传完成预览和删除交互。
点击上传区域选择图片,选择后展示上传中状态,完成后展示图片预览,可点击右上角关闭按钮删除。
展示 Disabled、Uploaded、Uploading 状态;Default 和 Hover 在交互示例中触发。
支持 16:9、3:2、1:1、21:9 四种图片比例。
可配置在加号下方展示说明文本。
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| size | 图片比例尺寸 | string | 16:9 | 3:2 | 1:1 | 21:9 | 16:9 |
| state | 上传状态 | string | default | hover | disabled | uploaded | uploading | default |
| uploaded | 是否已有上传图片 | boolean | true | false | false |
| imageSrc | 已上传图片地址 | string | - | ../image/game1.webp |
| showText | 是否在加号下方展示文本 | boolean | true | false | false |
| text | 加号下方展示文本 | string | - | '' |
| accept | 文件选择类型 | string | - | image/* |
| disabled | 是否禁用 | boolean | true | false | false |
| interactive | 是否启用点击选择和删除交互 | boolean | true | false | true |
| onChange | 上传状态变化回调 | function | - | null |
| onRemove | 删除图片回调 | function | - | null |