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

unclemeric/fileInput

fileInput

example