/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 vote245 views1 answer
Ng-class equivalent in react
Javascript React
0 vote195 views3 answers
React animation
Javascript React
0 vote220 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
16 votes175 views3 answers
Loop in react depending on number
Javascript React
19 votes292 views6 answers
Convert svg to react component
Javascript React
15 votes187 views1 answer
Reducer in react example
Javascript React
0 vote169 views1 answer
How to empty input field in react
Javascript React
3 votes180 views1 answer
React cloud foundry nginx 404
Javascript React
0 vote190 views1 answer
Globalevariable reactjs
Javascript React
0 vote187 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React