/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

3 votes191 views1 answer
InnerWidth react
Javascript React
0 vote227 views1 answer
How to make this transform with React-Native? https://stackoverflow.com/questions/37538303/how-to-make-this-transform-with-react-native
Javascript React
16 votes155 views1 answer
How to insern an image in react
Javascript React
0 vote200 views1 answer
How to bound a state variable to a field react final form
Javascript React
0 vote210 views1 answer
React native call keep
Javascript React
1 vote220 views1 answer
Node js and react js difference
Javascript React
0 vote213 views1 answer
Label tag alternative in react native
Javascript React
16 votes227 views6 answers
React useState hook
Javascript React
1 vote208 views3 answers
Switch' is not exported from 'react-router-dom'
Javascript React
0 vote246 views1 answer
React native get source maps
Javascript React