/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

7 votes340 views2 answers
Uuid v4 react
Javascript React
7 votes358 views3 answers
How to update react state array
Javascript React
3 votes306 views1 answer
React two way binding
Javascript React
0 vote394 views1 answer
How to make your own drop down react native
Javascript React
1 vote387 views1 answer
Typing refs react
Javascript React
21 votes394 views6 answers
Shadow in react native
Javascript React
-1 vote348 views7 answers
How to trim dates in react
Javascript React
0 vote405 views1 answer
How to use saved image on react
Javascript React
0 vote376 views1 answer
Scirpt tag react
Javascript React
14 votes409 views4 answers
React how to update state array
Javascript React