“Carga de imágenes múltiples en React JS” 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 “Carga de imágenes múltiples en React JS”

Preguntas similares a “Carga de imágenes múltiples en React JS”

Más respuestas relacionadas con “Carga de imágenes múltiples en React JS” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código