“Reactación de carga de imagen múltiple react” Código de respuesta

Carga de imágenes múltiples en React JS

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
Comfortable Chimpanzee

Reactación de carga de imagen múltiple 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'))
Frantic Falcon

Respuestas similares a “Reactación de carga de imagen múltiple react”

Preguntas similares a “Reactación de carga de imagen múltiple react”

Más respuestas relacionadas con “Reactación de carga de imagen múltiple react” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código