preloader

Como subir un archivo con axios en VueJS

Paso 1

En el template, se utiliza el siguiente componente "v-file-input"

< v-file-input
v-model="archivo"
placeholder="Subir Archivo"
label="Subir Archivo"
prepend-icon="mdi-archive" >

Paso 2

Instanciar la clase FormData

let InstFormData = new FormData();

Paso 3

Pasar el archivo al objeto FormData

InstFormData.append('archivo' , this.archivo);

Paso 4

Enviar el archivo por POST

axios.post(`SaveArchivo`, InstFormData , {headers : {'content-type': 'multipart/form-data'}})
.then( r => {})
.catch( e => {})
.finally( f => {});
guest
0 Comentarios
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x