/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

12 votes357 views3 answers
Get value of input react
Javascript React
2 votes363 views1 answer
React allow only numbers in input
Javascript React
2 votes356 views1 answer
Set dynamic route in link react js
Javascript React
1 vote355 views1 answer
React native svg onpress
Javascript React
0 vote336 views1 answer
React navigation 4
Javascript React
4 votes348 views2 answers
How to take 100% width in react native
Javascript React
0 vote335 views2 answers
Date format in react js
Javascript React
1 vote353 views1 answer
@react-google-maps/api npm
Javascript React
0 vote323 views1 answer
React native scrollview fixed header
Javascript React
0 vote357 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React