/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

5 votes187 views3 answers
React default proptypes
Javascript React
0 vote188 views1 answer
React router dom v6 active link
Javascript React
9 votes210 views2 answers
Html emmet in react vscode
Javascript React
3 votes204 views2 answers
Use onchange with react select
Javascript React
0 vote212 views1 answer
Onclick react history map
Javascript React
0 vote168 views1 answer
Testing library react hooks
Javascript React
0 vote252 views2 answers
React particles react
Javascript React
10 votes155 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
0 vote188 views1 answer
React-loader-spinner
Javascript React
6 votes149 views2 answers
React in jquery
Javascript React