fileInput

Image upload and preview, based React.js

example

var React = require('react')
var ReactDOM = require('react-dom')

// import component
var FileInput = require('./src/fileInput')

var App = React.createClass({
  getInitialState: function () {
    return {
      files: []
    }
  },
  onChange: function (files) {
    this.setState({
      files: this.state.files.concat(files)
    })
  },
  render: function () {
    return (
      <div>
        <FileInput onChange={this.onChange} multiple={false} />
        {this.state.files.length ?
        <div className="thumb-box">
          { /* using files */ }
        </div> : null}
      </div>
    )
  }
})

ReactDOM.render(
  <App />,
  document.querySelector(mountNode)
)

• Online Demo