mb-upload-image 上传图片
# 简介
el-upload二次封装,上传图片,绑定相对文件路径会自动反显,多个“,”隔开
# 单图片上传
单图片上传返回的是字符串(图片相对路径),userfiles/2022-05-05/5d616e5eb79c43d8a5e3404283e4f06d/1.jpg
<mb-upload-image v-model="imageUrl" />
# 多图片上传
多图片上传返回的是数组(图片相对路径) ['userfiles/2022-05-05/5d616e5eb79c43d8a5e3404283e4f06d/1.jpg']
<mb-upload-image v-model="imageUrls" multiple />
# upload-image 属性
属性 | 说明 | 类型 | 可选值 | 默认值 | 示例/备注 |
---|---|---|---|---|---|
multiple | 是否多选 | Boolean | — | false | — |
limit | 上传数量限制 | Number | — | 2 | — |
cropperConfig | vueCropper(图片剪裁)的配置属性 | Object | — | — | — |
width | 图片显示宽度(单位:px) | Number | — | 100 | — |
height | 图片显示高度(单位:px) | Number | — | 100 | — |
tip | 上传提示 | String | — | — | — |
tipColor | 提示颜色 | String | — | — | — |
上次更新: 2023-03-23 13:11:51