/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 vote282 views1 answer
React native get mac address
Javascript React
0 vote226 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
0 vote207 views1 answer
Create-react-app height issues with flex
Javascript React
0 vote232 views2 answers
React native share image
Javascript React
0 vote226 views1 answer
React native scrollview fixed header
Javascript React
1 vote229 views1 answer
Horizontal scroll onclick react
Javascript React
11 votes240 views2 answers
Shadow using react native
Javascript React
0 vote236 views2 answers
React Class components LifeCycles
Javascript React
16 votes234 views1 answer
Deploy react app netlify
Javascript React
1 vote235 views1 answer
React manifest.json 404 (not found)
Javascript React