/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 vote229 views1 answer
Event handling in react documentation
Javascript React
9 votes299 views1 answer
How to create a react app in current folder
Javascript React
2 votes275 views2 answers
React native asign width to image
Javascript React
10 votes244 views1 answer
Device height react native
Javascript React
0 vote256 views1 answer
React Native BUILD FAILED on run-ios
Javascript React
4 votes269 views1 answer
React how to remove commas from a string
Javascript React
0 vote243 views2 answers
How to make a search bar in react django
Javascript React
0 vote237 views1 answer
React-native eject not working
Javascript React
0 vote234 views1 answer
Android studio react native plugins
Javascript React
0 vote224 views1 answer
Clear input field react-hook-form
Javascript React