Как прикрепить файл на почтовый запрос Axios в Vue - PullRequest
Новая
       46

Как прикрепить файл на почтовый запрос Axios в Vue

0 голосов
/ 25 ноября 2018

Здравствуйте, я пытаюсь прикрепить файл для axios.post, однако, когда я выполняю console.log (), formData пуст, поэтому я работаю с этим.

В моей vue форме 

<form @submit.prevent="uploadTodos">
  <div>
   <input type="file" v-on:change="selectedFile($event)">
   <label>Choose file</label>
  </div>
   <button type="submit">Submit</button>
</form>

Вот объект данных 

data() {
     return {
         file: null,
      }
}

и метод, который у меня есть для selectedFile при изменении события 

selectedFile(event) {
      this.file = event.target.files[0]
    },

, а вот метод отправки события

 uploadTodos() {
      let formData = new FormData
      formData.append('file', this.file) 
      this.$store.dispatch('uploadTodos', formData)
    }

и вот метод хранения, который отправляется 

uploadTodos(context, file) {
      console.log(file)
      axios.post('/import', file,{ headers: {
        'Content-Type': 'multipart/form-data'
      }})
      .then(response => {
        console.log(response.data)
        context.commit('importTodos', response.data)
      })
      .catch(error => {
        console.log(error.response.data)
      })
    }

, и когда я console.log (файл), я получаю formData, который я создал в методе uploadTodos (), однакооно пустое, поэтому я пытаюсь выяснить, почему оно пустое?

любая помощь будет принята с благодарностью

...