Skip to content

IkUploadImage 图片上传组件

遵循新版UI规范,支持上传中、已上传、上传错误等多种状态

未命名1687661044.png

Props

参数说明类型可选值默认值
action上传地址String-''
limit最多上传图片数量Number-5
size单张图片大小 MBNumber-50
accept允许的图片格式 image/* 或者 image/png, image/jpeg 或者.png, .jpg, .jpeg格式都可以String-"image/*"
fit图片填充方式String"contain" | "fill" | "cover" | "none" | "scale-down"'contain'
preview预览模式 - 为true时不显示上传元素Boolean-false
multiple支持多选Boolean-true
tip显示提示Boolean-false
tipText提示文字String-''
modelValue回显列表数据格式: [{url: ''}, {url: ''}]Array as PropType< Array<{ url: string } | UploadFile> >-[]

插槽

名称描述
trigger触发文件选择框的内容

事件

名称说明携带参数
success上传图片成功后触发(response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => void
delete移除图片后触发(file) => void

示例代码

vue
  <template>
    <!-- 示例 -->
    <IkUploadImage :action="action" @success="handleSuccess" />
  </template>