Upload

文件、图片上传，文件空间

示例

基础用法

<cl-upload v-model="urls" />

多图上传

<cl-upload v-model="urls" multiple drag />

文件上传

<cl-upload v-model="urls" multiple text="文件上传" type="file" />

自定义内容

<cl-upload multiple>
	<el-button>点击上传</el-button>

	<template #item="{ item, index }">
		<p>{{ item.url }}</p>
	</template>
</cl-upload>

自定义大小

<cl-upload text="选择图片" :size="[120, 200]" />

自定义大小

<cl-upload-space />

组件

cl-upload

参数

参数	说明	类型	可选值	默认值
v-model/modelValue	图片地址	string, array
type	类型	string	image / file	image
multiple	是否多图上传	boolean		false
limit	最大上传数量	number		9
limitSize	最大上传大小	number		100
size	图片大小	number, string, array		120
text	文案	string		选择文件
showFileList	是否显示上传图片列表	boolean		true
drag	是否可拖拽	boolean		false
disabled	是否禁用	boolean		false

插槽

插槽	说明
default	选择上传区域
item	上传列表的每一项

cl-upload-space

参数

参数	说明	类型	可选值	默认值
v-model/modelValue	图片地址	string
limit	最大选择数量	number		9
disabled	是否禁用	boolean		false
showBtn	是否显示上传按钮	boolean		true