/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

2 votes337 views2 answers
React native asign width to image
Javascript React
38 votes322 views2 answers
How to write a comment in react js
Javascript React
0 vote286 views1 answer
React $ r component instance console
Javascript React
1 vote337 views1 answer
React native textinput not show cursor
Javascript React
0 vote293 views1 answer
Text input underline react native
Javascript React
3 votes290 views2 answers
React chart.js
Javascript React
0 vote317 views1 answer
Can you wrap redux provider within react.strictmode
Javascript React
0 vote302 views1 answer
Edit json text react
Javascript React
0 vote328 views1 answer
Props with ternary in react
Javascript React
93 votes284 views6 answers
Install react router dom
Javascript React