Saltar al contenido

Ejemplo de código nativo de Axios multipart / form-data react

No olvides que en las ciencias informáticas un error casi siempere puede tener más de una resoluciones, por lo tanto nosotros aquí te compartimos lo mejor y más eficiente.

Ejemplo: axios multipart / form-data

importReactfrom'react'importaxios, post from'axios';classSimpleReactFileUploadextendsReact.Componentconstructor(props)super(props);this.state=
      file:nullthis.onFormSubmit=this.onFormSubmit.bind(this)this.onChange=this.onChange.bind(this)this.fileUpload=this.fileUpload.bind(this)onFormSubmit(e)
    e.preventDefault()// Stop form submitthis.fileUpload(this.state.file).then((response)=>console.log(response.data);)onChange(e)this.setState(file:e.target.files[0])fileUpload(file)const url ='http://example.com/file-upload';const formData =newFormData();
    formData.append('file',file)const config =
        headers:'content-type':'multipart/form-data'returnpost(url, formData,config)render()return(<form onSubmit=this.onFormSubmit><h1>FileUpload</h1><input type="file" onChange=this.onChange/><button type="submit">Upload</button></form>)exportdefaultSimpleReactFileUpload

Nos puedes añadir valor a nuestra información dando tu experiencia en los informes.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *