/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 vote180 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
0 vote174 views1 answer
React component will mount new method
Javascript React
6 votes183 views2 answers
TextInput disable react native
Javascript React
0 vote190 views1 answer
React replace all line breaks with br
Javascript React
0 vote178 views2 answers
Get data from url using react
Javascript React
0 vote177 views1 answer
React features
Javascript React
0 vote183 views1 answer
React clone element
Javascript React
20 votes179 views6 answers
Build apk react native
Javascript React
0 vote220 views1 answer
Set cors for a react node application socket error
Javascript React
0 vote201 views1 answer
React native stopwatch
Javascript React