Saltar al contenido

axios enctype = ejemplo de código multipart / form-data

Te doy la bienvenida a nuestra web, en este lugar encontrarás la respuesta que andabas buscando.

Ejemplo 1: carga de archivo axios

const formData =newFormData();const imagefile =document.querySelector('#file');
formData.append("image", imagefile.files[0]);
axios.post('upload_file', formData,
    headers:'Content-Type':'multipart/form-data')

Ejemplo 2: cargar y enviar un archivo a axios multipart

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

Sección de Reseñas y Valoraciones

Si eres capaz, eres capaz de dejar un enunciado acerca de qué le añadirías a esta sección.

¡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 *