/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 vote196 views1 answer
How react work
Javascript React
0 vote196 views2 answers
Editable pre input react
Javascript React
33 votes195 views3 answers
React routes
Javascript React
2 votes192 views1 answer
Get current screen name react navigation
Javascript React
2 votes199 views2 answers
Rtl support react native
Javascript React
1 vote183 views2 answers
React capitalize first letter
Javascript React
0 vote200 views1 answer
React navbar material ui
Javascript React
0 vote190 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React
0 vote194 views3 answers
Django send and receive image data to react
Javascript React
-1 vote212 views1 answer
Convert create-react-app to typscript
Javascript React