nbugs-mobile-image-upload v2.1.18

图片上传

引用方法

import ImageUpload from 'nbugs-mobile-image-upload';

说明

• 内置上传接口
• 支持多图上传
• 支持大图查看
• 支持数量、格式限制
• 支持编辑（显示添加按钮）、查看（隐藏添加按钮）模式

使用示例

import React from 'react';
import ReactDOM from 'react-dom';
import ImageUpload from './entries/ImageUpload';

// 不需要imgSize可不用加此字段
const fileList = [{
	url: 'https://nbugs-medias.oss-cn-hangzhou.aliyuncs.com/online/jssdk/df4a13846df5419ea6cc7ed6e648166d.jpg',
  imgSize: {
    width: 400,
    height: 300,
  }
}, {
	url: 'https://nbugs-medias.oss-cn-hangzhou.aliyuncs.com/online/jssdk/bcaf2024a1504a848b9fe2c77dbe3aae.JPG',
  imgSize: {
    width: 400,
    height: 300,
  }
}, {
	url: 'https://nbugs-medias.oss-cn-hangzhou.aliyuncs.com/online/jssdk/19bf82b025ca4d66982175a2e68a876c.JPG',
  imgSize: {
    width: 400,
    height: 300,
  }
}]

class Test extends React.Component {
  onChange(images) {
    // images数据结构如下
    [{
    	url: 'http://xxx.jpg',
      imgSize: {
      	width: 400,
        height: 300,
      }
    }]
    console.log('Test -> onChange -> images', images);
  }

  render() {
    return (
      <ImageUpload
        className="customer-class-name"
        fileList={fileList}
        length={3}
        onChange={Test.onChange}
      />
    );
  }
}

ReactDOM.render(<Test />, document.getElementById('root'));