/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 vote146 views1 answer
React padding at bottom svg
Javascript React
6 votes191 views3 answers
Apply required attribute on input using ternary operator using react js
Javascript React
1 vote197 views1 answer
React create list of components
Javascript React
0 vote154 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
0 vote151 views6 answers
React slick
Javascript React
2 votes136 views4 answers
Multiple export in react
Javascript React
1 vote160 views2 answers
React PropTypes.instanceOf
Javascript React
1 vote181 views2 answers
Deploy create react app pm2
Javascript React
0 vote141 views1 answer
React link onclick refresh page
Javascript React
1 vote145 views2 answers
Can't perform a react state update
Javascript React