Привет. Подскажите, пожалуйста, по проблеме отправки файла через axios на бек-энд.

Question

Привет. Подскажите, пожалуйста, по проблеме отправки файла через axios на бек-энд.

Запрос до бэк-енда доходит, но в нужных аттрибутах запроса ничего нет. Бек-энд работает, проверил curl'ом.

Template:
<v-file-input outlined label="Select your picture" id="file" ref="file" @change="handleFileUpload"></v-file-input>

Component:
handleFileUpload() {
this.other.avatarFile = this.$refs.file
},

submitUploadingProfileAvatar() {
store.dispatch(avatarStorageActions.uploadUserAvatarForUser, {
file: this.other.avatarFile,
})
},

На этом этапе, если вывести this.other.avatarFile в console.log — отдаст то, что на картинке.
А FormData отдает так — FormData {} (пусто?).

Action:
uploadForUser({ commit }, { file }) {
let formData = new FormData();
formData.append('file', file);

axios
.post(URL, formData, {
headers: {
'Content-Type': 'multipart/form-data',
}
})
...
},

#frontend #javascript #programming #russian #vue.js

0

21.08.2019

2 ответов

13 просмотров

Alex

1. для v-file-input можно указать v-model="other.avatarFile" - и у тебя файл будет сразу в где нужно - обрабатывать событие @change для этого не нужно; 2. console.log(formData) с файлом не покажет в ней файл;

0

21.08.2019

Natalia Tepluhina · Accepted Answer

Natalia Tepluhina

в экшене пробовали посмотреть, что в formData перед отправкой запроса?

0

21.08.2019

169 похожих чатов

Привет. Подскажите, пожалуйста, по проблеме отправки файла через axios на бек-энд.

2 ответов

Похожие вопросы