Skip to content

image-picker 图片选择器

图片选择器组件(Image Picker component)是一种常用的用户界面组件,用于让用户从多个选项中选择一张或多张图片。这种组件常用于上传图片、选择头像、创建相册等场景。

Props参数

名称类型是否必传默认值描述
valuestring[]-图片值
countnumber9最多可选择张数
upload(data: string[]) => Promise<string[]>-上传方法
可以在选择图片后立即将图片上传到服务器.并且返回上传后的地址
onChange(value: string[]) => void-改变事件

示例

tsx
import { useState } from 'react'
import MMImagePicker from '~/components/image-picker'
import MMPageContainer from '../_components/page-container'
import PageDemoBlock from '../_components/page-demo-block'
import { View } from '@tarojs/components'

export default () => {
  const [value, setvalue] = useState<string[]>([])

  return (
    <MMPageContainer title="图片选择器">
      <PageDemoBlock title="使用">
        <View>可以多选图片,支持设置上传数量</View>
        <View className="spacing" />

        <MMImagePicker value={value} onChange={setvalue} />
      </PageDemoBlock>
    </MMPageContainer>
  )
}