/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 vote296 views1 answer
React html symbol code
Javascript React
1 vote261 views1 answer
Proactive vs reactive
Javascript React
0 vote331 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
0 vote242 views5 answers
Generate component react
Javascript React
0 vote276 views2 answers
React native countdown
Javascript React
0 vote268 views1 answer
ERROR in ./node_modules/react-icons/all.js 4:0-22
Javascript React
0 vote275 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
1 vote274 views1 answer
React demo
Javascript React
0 vote290 views1 answer
Get call log in react native android
Javascript React
2 votes251 views1 answer
React higher order components
Javascript React