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)