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 |

saveButtonConfig

| 参数 | 说明 | 类型 | 默认值 | |------------|----------------|-------------|--------------| | icon | 保存按钮图标 | String | 'save' |
| value | 保存按钮 | String | '保存' |