Upload
文件、图片上传,文件空间
示例
基础用法
<cl-upload v-model="urls" />
1
多图上传
<cl-upload v-model="urls" multiple drag />
1
文件上传
<cl-upload v-model="urls" multiple text="文件上传" type="file" />
1
自定义大小
<cl-upload text="选择图片" :size="[120, 200]" />
1
自定义大小
组件
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 |
cl-upload-space
参数
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|
v-model/modelValue | 图片地址 | string | | |
limit | 最大选择数量 | number | | 9 |
disabled | 是否禁用 | boolean | | false |
showBtn | 是否显示上传按钮 | boolean | | true |