/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

16 votes129 views2 answers
Render text in for loop react in function
Javascript React
2 votes111 views1 answer
React promises
Javascript React
3 votes134 views3 answers
React ReferenceError: regeneratorRuntime is not defined
Javascript React
1 vote117 views1 answer
Three.js react
Javascript React
0 vote109 views1 answer
React native portrait only
Javascript React
1 vote153 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React
32 votes130 views1 answer
React roouter dom
Javascript React
0 vote142 views1 answer
React input number validation
Javascript React
2 votes127 views2 answers
Property 'name' does not exist on type 'eventtarget' react
Javascript React
0 vote126 views1 answer
How to validate password and confirm password on react form hook
Javascript React