Skip to content
On this page

ImagePicker

何时使用

在有选择图片需求时使用

代码演示

单张选择

Click or drag image to this area to upload

选择单张图片

<template>
  <h-image-picker />
</template>

批量选择

Choose images

选择多张图片

<template>
  <h-multi-image-picker />
</template>

API

单张选择

Props

属性说明类型默认值
width(单张选择)容器宽度string100%
height(单张选择)容器高度string100%
imageHeight(单张选择)图片高度string78vh

事件

事件名说明类型默认值
pick图片选择钩子Function
load图片挂载钩子Function
reset图片重置钩子Function

批量选择

事件

事件名说明类型默认值
pick图片选择钩子Function
load图片挂载钩子Function
remove图片重置钩子Function