/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 vote417 views1 answer
React native star rating component
Javascript React
0 vote402 views1 answer
React keydown event listener
Javascript React
0 vote378 views1 answer
React native expo release apk
Javascript React
0 vote386 views1 answer
React 5 to 10 rating
Javascript React
0 vote411 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
0 vote412 views1 answer
Scrollbar automatically scroll down as new divs are added reactjs
Javascript React
1 vote357 views1 answer
Mkdir: cannot create directory â€˜src/components/dashboardâ€™: no such file or directory in react
Javascript React
0 vote358 views1 answer
Most common use cases of portals in react
Javascript React
0 vote402 views2 answers
React toggle boolean state
Javascript React
0 vote420 views1 answer
Chinese icon in react native vector icons
Javascript React