/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

6 votes197 views2 answers
React native spinner
Javascript React
1 vote95 views1 answer
Audio in react
Javascript React
0 vote138 views1 answer
Enzymes are proteins that speed up reactions by
Javascript React
0 vote149 views1 answer
How to set the id attr to a var in reactjs
Javascript React
0 vote141 views1 answer
Doughnut chartjs with react display percentage
Javascript React
0 vote142 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
4 votes148 views2 answers
How to skip the undefined values from the list and filter the rest of the data in react js
Javascript React
2 votes148 views1 answer
Npm install --save react-native-vector-icon
Javascript React
1 vote152 views1 answer
ERESOLVE unable to resolve dependency tree Found: react@17.0.2 Could not resolve dependency: react native paper
Javascript React
0 vote134 views1 answer
React-redux form preventdefault
Javascript React