【API 探讨】Upload 组件

[LeeJim]

API 对比

属性	类型	默认值	必传	TDesign	Vant
add-content	string/slot	-	N	✔️	upload-icon
allow-upload-duplicate-file	boolean	false	N	ing	x
config	object	-	N	✔️	拆分成多个属性
file-list-display	slot	-	N	ing	x
files	array	-	N	✔️	file-list
grid-config	object	-	N	✔️	x
gutter	number	16	N	✔️	x
image-props	object	-	N	✔️	image-fit
max	number	0	N	✔️	max-count
media-type	array	['image', 'video']	N	✔️	accept
request-method	function	-	N	✔️	x
size-limit	number/object	-	N	✔️	max-size

Vant 深度对比

name

config

TD 将各种选择配置放在 config 里，而 Vant 则拆成多个 props，比如：

• accept
• sizeType
• capture
• camera
• max-duration
• compressed

preview

Vant 支持点击上传后的图片进行预览，内置各种 preview 配置：

• preview-size
• preview-image
• preview-full-image
• image-fit

multiple

是否开启图片多选，部分安卓机型不支持。
TDesign暂时不支持

上传按钮

禁止状态 disabled；TD 暂不支持
是否展示 show-upload；TD 暂不支持

删除按钮

是否展示 deletable；TD 暂不支持

上传区域文字提示

upload-text ；TD 暂不支持

文件读取前事件

TD 暂不支持