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