/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

0 vote191 views2 answers
Read data in props.histroy.push in react component
Javascript React
0 vote189 views1 answer
How to put react compnent to bottom
Javascript React
2 votes204 views2 answers
Import lodash react
Javascript React
6 votes191 views1 answer
React native docs
Javascript React
1 vote412 views1 answer
Rendering, reconciliation and committing in react
Javascript React
0 vote184 views1 answer
React native import virtual path
Javascript React
33 votes212 views2 answers
Routing in react
Javascript React
0 vote203 views2 answers
React import image with url
Javascript React
0 vote208 views1 answer
Reset reactive state vue 3
Javascript React
1 vote226 views1 answer
React event target square brackets
Javascript React