Sinobest-rc-image-edit-test NPM

sinoest-rc-image-edit

本模块为图片编辑组件，包含可配置的上传、摄像头拍照及图片裁剪功能。

安装/Install

yarn add sinobest-rc-image-edit

方法/Method

SinoImageEdit.loadImage(src)

此方法可通过直接传入src进行图片导入。

使用样例/Use

import React, {Component} from 'react';
import { SinoImageEdit } from 'sinobest-rc-image-edit';

export default class ImagePluginDemo extends Component {
  getImageList = (imageList) => {
    console.info('imageList:', imageList);
  }

  render() {
    return (
      <div className={styles.image_plugin_container}>
        <SinoImageEdit width={600} height={400} max={5} onClick={this.getImageList} />
      </div>
    );
  }
}

API

参数	说明	类型	默认值
width	图片区域宽度	Number	600
height	图片区域高度	Number	400
upload	图片上传功能开关	Boolean	true
camera	摄像头拍照功能开关	Boolean	true
cropper	裁剪功能开关	Boolean	true
max	最大处理图片数	Number	3
onClick	图片处理保存回调函数	Function	-
multiple	允许多图上传	Boolean	false
uploadButtonConfig	上传按钮配置，参考uploadButtonConfig详细配置	Object	-
saveButtonConfig	保存按钮配置，参考saveButtonConfig详细配置	Object	-

uploadButtonConfig

参数	说明	类型	默认值
icon	上传按钮图标	String	'upload'
value	上传按钮	String	'上传'
customRequest	自定义上传方法，配置后取消默认上传事件	Function	undefined