Я пытался отправить файл с Axios . Сначала я создаю форму с @submit.prevent="uploadResume"
и помещаю <input type="file">
в эту форму. В методе, я сказал, получите элемент ввода и затем сохраните его в переменной file
, затем я добавлю его к FormData()
, это забавно, потому что Axios отправляет FormData()
, но файл не сохраняется в База данных
Это код, который я написал:
uploadResume(e) {
let form = new FormData();
let file = e.target.querySelector('input[type="file"]')
form.append('media', file.files[0])
form.append('title', 'passport')
form.append('owner_id', this.modalId)
form.append('uploader_id', this.$store.state.userId)
axios.post('http://localhost:8000/api/v1/media', form, {
headers: {
Authorization: "Bearer " + this.$store.state.token,
'Content-Type': 'multipart/form-data'
}
})
.then(response => {
console.log('Done')
console.log(response)
})
.catch(error => {
console.log('------- Failed -------')
console.log(error)
})
},