Как отправить файл с Axios? - PullRequest
0 голосов
/ 17 марта 2019

Я пытался отправить файл с 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)
        })
    },
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...