gaia-upload-image v1.0.1

gaia-upload-image

盖亚上传图片组件

安装

npm i gaia-upload-image --save

使用

import GaiaUploadImage from 'gaia-upload-image';

const headers = {
  'business': 'ad', // 业务标示，需要找服务端和西银定义
  'subgroup': 'crm', // 子业务标示
  // 盖亚的登陆校验信息，不同业务 数据不一样
  'Auth-Data': JSON.stringify({
    "mail":"gugf@inke.cn",
    "session":"XXXXXXX"
  })
};
const onSuccess = (one, list, index) => {
  console.log('success', one, list, index)
};
const defaultList = [{url: 'http://img.ikstatic.cn/MTU1NjI4MDkwMDI3NCM5ODQjcG5n.png'}];

// 引用组件的属性
let props = {
  headers: headers, // 请求头
  reqParams: {}, // 请求get 参数
  reqData: {}, // 请求post 参数
  limit: 2,   // 上传个数最大限制 默认1
  defaultValue: defaultList, // 默认展示已经上传的图片
  onSuccess: onSuccess, // 上传成功回调
  onError: () => {}, // 上传失败
  onRemove: () => {}, // 删除
  itemWidth: 120, // 展示框的宽度
  itemHeight: 120, // 展示框的高度
  maxSize: 1024, // 最大存储 单位KB 默认2M
};

class App extends Component {
  render() {

    return (
      <div class="aaa">
        <GaiaUploadImage
         maxSize={props.maxSize}
        limit={props.limit}
        headers={props.headers}
        defaultValue={props.defaultValue}
        onSuccess={props.onSuccess}
        onError={(error, one, index)=>{console.log('onError')}}
        onRemove={(one, index)=>{console.log('onRemove', one, index)}}
        itemHeight={props.itemHeight}
        itemWidth={props.itemWidth}

        />
      </div>
    );
  }
}

GaiaUploadImage

API