/Javascript/React/Multiple image upload react

Multiple image upload react

class ImageUpload extends React.Component {
  state = {
    files: []
  }

  fileSelectedHandler = (e) => {
    this.setState({ files: [...this.state.files, ...e.target.files] })
  }

  render() {
    return (
      <form>
        <div><h2>Upload images</h2></div>
        <h3>Images</h3>
        <input type="file" multiple onChange={this.fileSelectedHandler} />
      </form>
    )
  }
}


ReactDOM.render(<ImageUpload />, document.getElementById('app'))

-2

Source: stackoverflow.com

Similar codes

1 vote129 views1 answer
How to position View absolute react native
Javascript React
1 vote125 views1 answer
How to run an existing react project
Javascript React
6 votes124 views1 answer
React native docs
Javascript React
0 vote120 views1 answer
React load script after render
Javascript React
0 vote128 views1 answer
Npm: Create react chrome extension
Javascript React
142 votes194 views6 answers
Create-react-app
Javascript React
6 votes132 views2 answers
React native activity indicator
Javascript React
5 votes136 views1 answer
Deploy react js heroku
Javascript React
0 vote123 views1 answer
Change navigation animation react native
Javascript React
32 votes119 views1 answer
How to use routes in react js
Javascript React