/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

68 votes382 views3 answers
React add inline styles in react
Javascript React
0 vote386 views1 answer
How to get circle around text in react natvie
Javascript React
1 vote364 views1 answer
React native componentwillmount vs componentdidmount
Javascript React
0 vote444 views1 answer
Button click open external link react
Javascript React
0 vote350 views1 answer
Error: bundling failed: Error: Unable to resolve module react-native-community/toolbar-android
Javascript React
0 vote367 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React
2 votes357 views1 answer
Redux React redux
Javascript React
0 vote368 views1 answer
React-native how to get size of screen
Javascript React
1 vote425 views3 answers
React toggle state
Javascript React
0 vote442 views2 answers
Hiding header in a specific screen in react native
Javascript React