multiple image upload react

Frantic Falcon answered on September 20, 2020 Popularity 10/10 Helpfulness 2/10

answer multiple image upload react

related multiple image upload in react js

multiple image upload react

Comment

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'))

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: image-upload javascript

Link to this answer
Share Copy Link

Contributed on Sep 20 2020

Frantic Falcon

0 Answers Avg Quality 2/10

Closely Related Answers

multiple image upload in react js

Comment

import * as React from "react"

class ImageUpload extends React.Component {
  state: {
    files: []
  }

  fileSelectedHandler = (file: any) => {
    let addedFiles = this.state.files.concat(file)
    this.setState({ files: addedFiles })
    console.log("upload file " + file.name)
  }

  render() {
    return (
      < form >
        <div>
          <h2>Upload images</h2>
        </div>
        <h3>Images</h3>
        <input type="file" onChange={this.fileSelectedHandler} />
      </form>
    )
  }
}

export default ImageUpload

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: image-upload image-uplo

Link to this answer
Share Copy Link

Contributed on Mar 10 2022

Comfortable Chimpanzee

0 Answers Avg Quality 2/10

multiple image upload react

Contents

More Related Answers

multiple image upload react

Closely Related Answers

multiple image upload in react js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.