数据输入/上传

Upload 上传

Upload 用于图片上传,支持多种比例、上传中遮罩、上传完成预览和删除交互。

交互示例

点击上传区域选择图片,选择后展示上传中状态,完成后展示图片预览,可点击右上角关闭按钮删除。

状态样式

展示 Disabled、Uploaded、Uploading 状态;Default 和 Hover 在交互示例中触发。

比例尺寸

支持 16:9、3:2、1:1、21:9 四种图片比例。

带文本

可配置在加号下方展示说明文本。

API 参考

参数 说明 类型 可选值 默认值
size图片比例尺寸string16:9 | 3:2 | 1:1 | 21:916:9
state上传状态stringdefault | hover | disabled | uploaded | uploadingdefault
uploaded是否已有上传图片booleantrue | falsefalse
imageSrc已上传图片地址string-../image/game1.webp
showText是否在加号下方展示文本booleantrue | falsefalse
text加号下方展示文本string-''
accept文件选择类型string-image/*
disabled是否禁用booleantrue | falsefalse
interactive是否启用点击选择和删除交互booleantrue | falsetrue
onChange上传状态变化回调function-null
onRemove删除图片回调function-null