<template>
<div class="container">
<div class="large-12 medium-12 small-12 cell">
<label>File
<input type="file" id="file" ref="file" v-on:change="handleFileUpload()"/>
</label>
<button v-on:click="submitFile()">Submit</button>
</div>
</div>
</template>
<script>
export default {
data(){
return {
file: ''
}
},
methods: {
submitFile(){
let formData = new FormData();
formData.append('file', this.file);
axios.post( '/api/uploadImage',
formData,
{
headers: {
'Content-Type': 'multipart/form-data'
}
}
).then((response)=>{
console.log(response);
})
},
handleFileUpload(){
this.file = this.$refs.file.files[0];
}
}
}
</script>public function store(Request $request)
{
return response()->json(['message' => $request->all()]);
}
После долгих попыток получилось интегрировать, оказывается проще некуда, я сам неправильно следовал шагам из документации.