https://github.com/dxcweb/react-imagepicker

react 版本图片选择器，提供图片选择器接口，流布局图片选择器，将来提供更多布局的图片选择器。
https://github.com/dxcweb/react-imagepicker

Last synced: 12 months ago
JSON representation

react 版本图片选择器，提供图片选择器接口，流布局图片选择器，将来提供更多布局的图片选择器。

• Host: GitHub
• URL: https://github.com/dxcweb/react-imagepicker
• Owner: dxcweb
• Created: 2016-11-06T03:11:25.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2018-03-06T12:46:34.000Z (over 8 years ago)
• Last Synced: 2025-06-10T00:54:25.162Z (about 1 year ago)
• Language: JavaScript
• Size: 938 KB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# react-imagepicker

react 版本图片选择器，提供图片选择器接口，流布局图片选择器，将来提供更多布局的图片选择器。

## install

```

npm install react-imagepicker --save

```

## Development

```

npm install

npm start

```

## Example

[http://github.dxcweb.com/react-imagepicker/](http://github.dxcweb.com/react-imagepicker/ "http://github.dxcweb.com/react-imagepicker/")

## API

### FlowLayoutImagePicker

 

    

      Name

      Type

      Default

      Description

    

  

    

      max

      Int

      null

      最大图片数量（非必填）

    

	

      column

      Int

      4

      每行图片数

    

	

      spacing

      Int

      12

      间距

    

	

      getImageUrl

      Func

      null

      传入一个图片信息需返回该图片的URL

    

	

      onAddImage

      Func

      Func

      当触发添加时会调用onAddImage(callback,surplus),添加完成后调用callback传入图片信息可是字符串，数组或对象

    

	

      onPreviewImage

      Func

      Func

      当触发预览时会调用onPreviewImage(value, values, i)

    

	

      value

      Array

      null

      所有图片信息（非必填，提供给form组件使用）

    

	

      onChange

      Func

      null

      图片信息修改后调用onChange(values) （非必填，提供给form组件使用）

    

	

      readOnly

      bool

      false

      只读

    

### WxFlowLayoutImagePicker

 

    

      Name

      Type

      Default

      Description

    

  

    

      chooseImageCount

      Int

      9

      一次选择多少张

    

    

      chooseImageSizeType

      Array

      ['original', 'compressed']

      可以指定是原图还是压缩图，默认二者都有

    

    

      chooseImageSourceType

      Array

      ['album', 'camera']

      可以指定来源是相册还是相机，默认二者都有

    

    

      max

      Int

      null

      最大图片数量（非必填）

    

	

      column

      Int

      4

      每行图片数

    

	

      spacing

      Int

      12

      间距

    

	

      getImageUrl

      Func

      null

      传入一个图片信息和类型需返回该图片的URL，类型为：preview或list

    

	

      uploadImage

      Func

      Func

      当触发上传时会调用uploadImage(callback),上传完成后调用callback传入图片信息可是字符串，数组或对象

    

	

      onLoading

      Func

      Func

      当调用wx上传是调用onLoading(true),当wx上传和uploadImage结束都结束时调用onLoading(false)

    

	

      value

      Array

      null

      所有图片信息（非必填，提供给form组件使用）

    

	

      onChange

      Func

      null

      图片信息修改后调用onChange(values) （非必填，提供给form组件使用）

    

	

      readOnly

      bool

      false

      只读

    

### ImagePickerInterface

![](http://imgs.dxcweb.com/react-imagepicker.png)