Skip to content

dxcweb/react-imagepicker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-imagepicker

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

install

npm install react-imagepicker --save

Development

npm install
npm start

Example

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

About

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

Resources

Stars

Watchers

Forks

Packages

No packages published