image-picker 图片选择器
图片选择器组件(Image Picker component)是一种常用的用户界面组件,用于让用户从多个选项中选择一张或多张图片。这种组件常用于上传图片、选择头像、创建相册等场景。
Props参数
名称 | 类型 | 是否必传 | 默认值 | 描述 |
---|---|---|---|---|
value | string[] | ✅ | - | 图片值 |
count | number | 否 | 9 | 最多可选择张数 |
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>
)
}