Skip to content

简介

封装上传图片组件,支持拖拽排序、裁剪图片。
支持两种模式:
1、直接返回图片的相对路径(默认
2、传入一个唯一ID,组件会自动查询、保存上传的图片

使用示例

template
<mb-upload-image 
    v-model="multipleImgUrl"
    :width="120"
    :height="120"
    multiple
    :limit="3"
    @change="multipleImgChange"
/>

upload image props

名称类型默认值说明版本
modelValueString | Arrayundefined
externalIdStringundefined唯一ID,比如可以传入一个用户ID
externalTypeStringundefinedexternalId下的一个分类,比如头像身份证
multipleBooleanfalse是否开启多张上传
limitNumber2上传数量限制
widthNumber100宽度,单位px
heightNumber100高度,单位px
tipString''上传提示
tipColorString''提示文字颜色
deleteTipBooleantrue删除图片时是否提示是否删除
joinBooleantrue当上传多张时,是否使用逗号join。如果是false则modelValue是Array

upload image methods

方法名称参数返回值说明版本
change(value) => voidString | Array上传图片后回调