IkImagesUpload 多图上传
Props
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
action | 必选参数,上传的地址 | String | - | - |
headers | 设置上传的请求头部 | Object | - | - |
data | 上传时附带的额外参数 | Object | - | - |
name | 上传的文件字段名 | String | - | file |
url | 上传的图片列表 | Array | - | [] |
max | 上传数量限制 | Number | - | 3 |
size | 上传文件大小限制,单位为MB | Number | - | 2 |
width | 展示宽度 | Number | - | 150 |
height | 展示高度 | Number | - | 150 |
placeholder | 占位图 | String | - | - |
notip | 是否隐藏提示栏 | Boolean | - | false |
ext | 支持的文件类型 | Array | - | ['jpg', 'png', 'gif', 'bmp'] |
事件
名称 | 说明 | 类型 |
---|---|---|
onSuccess | 上传图片成功后触发 | 图片上传成功后返回数据 (res) => void |
update:url | 更新上传的url值 | - |
示例代码
vue
<template>
<!-- 示例 -->
<IkImagesUpload
v-model:url="imagesList"
:width="130"
:height="130"
notip
/>
</template>