“upload de imagens múltiplas no React JS” Respostas de código

upload de imagens múltiplas no 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

Reactu de upload de imagens múltiplas

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

Respostas semelhantes a “upload de imagens múltiplas no React JS”

Perguntas semelhantes a “upload de imagens múltiplas no React JS”

Mais respostas relacionadas para “upload de imagens múltiplas no React JS” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas de código