Я создал многошаговую форму в Vue.js & Vuetify, которая собирает информацию о нескольких пользователях, включая загрузку файлов для каждого пользователя.Пользователи добавляются динамически, а затем добавляются к объекту в состоянии, пока пользователь не отправит всю форму прямо в конце этого процесса.
Состояние Vuex выглядит следующим образом:
directors[n].id_file
содержит загруженный файловый объект.
После добавления каждого я отправляю форму в конечную точку Laravel.Каждый файл должен быть правильно сопоставлен с нужным человеком из объекта.Форма отправляется следующим образом:
const fd = new FormData();
fd.append('business', store.state);
this.completeButton = 'Processing...';
axios.post('/businesses', fd, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
.then(response => {
console.log(response);
this.completeButton = 'Completed';
})
.catch(error => {
console.log(error)
this.completeButton = 'Failed';
})
Когда я выводю данные этой отправленной формы в Laravel с Log::debug($request->all());
, я получаю только:
[2018-10-05 14:05:56] local.DEBUG: array (
'business' => '[object Object]',
)
Если я просто отправляю простое состояние,без использования fd.append()
все данные формы отправляются, но массив file_id пуст.
Как получить доступ к глубоко вложенным файлам в объектах и сохранить их в папке хранения?