Upload 上传组件

基础用法

在使用 Upload 包裹自定义元素后，点击自定义元素即可上传文件

loading

自定义图标

可以使用 #icon 插槽自定义图标

loading

文件预览

使用 listType 属性设置预览类型, 需配合 showList 使用

loading

拖拽上传

使用 drag 属性进行拖拽上传

loading

多文件上传

使用 multiple 进行多文件上传

loading

禁用上传

使用 disabled 禁用文件上传

loading

文件限制

可以使用 accept 属性限制文件上传类型，使用 limit 属性限制最大上传数量

loading

Upload API

Upload Attributes

属性名	说明	类型	默认值
fileList	上传的文件列表	UploadFiles	[]
action	文件上传路径	string	''
name	上传的文件名	string	原本的文件名
accept	接受的文件类型	string	''
method	请求类型	'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH'	POST
headers	请求头	Headers	{}
data	上传时附带的参数	Object	{}
showList	是否显示上传列表	boolean	true
listType	文件列表样式, 需要showList为true	'image' | 'text'	text
disabled	是否禁用上传	boolean	false
multiple	是否支持多文件上传	boolean	false
drag	是否为拖拽上传	boolean	false

Upload Slots

属性名	说明	类型	默认值
default	默认插槽, 显示被包裹的元素
icon	自定义图标插槽