/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

1 vote161 views1 answer
How to insatll react-router-dom
Javascript React
0 vote139 views1 answer
How to disable reactive form submit button in Angular
Javascript React
1 vote160 views1 answer
Two proptypes in react
Javascript React
0 vote139 views1 answer
How do you iterate through a list in react stackoverflow
Javascript React
25 votes168 views6 answers
React native shadow android
Javascript React
0 vote155 views1 answer
React native webview postmessage example
Javascript React
7 votes169 views2 answers
Import a script to my react componetn
Javascript React
11 votes158 views3 answers
Shadow border react native
Javascript React
1 vote154 views3 answers
Linear gradient react native
Javascript React
0 vote100 views1 answer
Import button react-bootstrap
Javascript React