/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

15 votes176 views1 answer
React forwardref
Javascript React
48 votes223 views6 answers
Comment in react
Javascript React
1 vote181 views1 answer
Could not find com.yqritc:android-scalablevideoview:1.0.4 react native video
Javascript React
0 vote195 views1 answer
Convert table to excel reactjs
Javascript React
15 votes182 views2 answers
React native get location
Javascript React
1 vote199 views1 answer
How to redirect in ionic react
Javascript React
4 votes194 views1 answer
React router external link
Javascript React
0 vote184 views1 answer
How to disable react in jsx scope eslint
Javascript React
0 vote193 views1 answer
React firebase add doc to collection
Javascript React
1 vote190 views1 answer
Import json file in react native
Javascript React