Share Your Images in Seconds!

import React, { Component } from 'react';
import { render } from 'react-dom';
import FilerobotUploader from 'filerobot-uploader';

const config = {
  container: 'example',
  filerobotUploadKey: '0cbe9ccc4f164bf8be26bd801d53b132'
};

class App extends Component {
  state = {
    isShow: false
  }

  render() {
    return (
      <div>
        <h1>React Example</h1>
        <button onClick={() => { this.setState({ isShow: true }); }}>Upload</button>

        <FilerobotUploader
          opened={this.state.isShow}
          config={config}
          onClose={() => { this.setState({ isShow: false }); }}
          onUpload={(images) => { console.log(images[0]); }}
        />
      </div>
    )
  }
}

render(<App/>, document.getElementById('app'));

<script/>
  const config = {
    container: 'example',
    filerobotUploadKey: '0cbe9ccc4f164bf8be26bd801d53b132'
  };
  const onUpload = (files) => {
    console.log('files: ', files);
    alert('Files uploaded successfully! check the console to see the uploaded files');
  };
  const uploader = FilerobotUploader.init(config, onUpload);
  ...