Отправить форму с файлом VueJS

Question

(здесь не фронтмен, извините за мое полное невежество здесь)

У меня есть многочастная форма с селектором файлов, форма и файл должны быть отправлены на конечную точку POST в моем бэкэнде.

Как отправить эту форму, так сказать, "за сцену", не перенаправляя всю вкладку браузера на целевой URL?

Я нашел это сообщение: https://laracasts.com/discuss/channels/vue/submit-serialized-form-data-with-vue?page=1

Но это не относится к входным файлам.

Каким будет правильный путь вперед?

Answer 1

была эта проблема несколько месяцев назад. проблема заключалась в том, что файл не был присоединен к объекту javascript formData, и вам нужно сделать это вручную, прежде чем отправлять formDate на сервер с любым http-клиентом, который вы используете

попробуйте создать новое свойство данных с именем file, а затем в свой тег ввода файла напишите v-model = "file", поэтому он имеет этот файл

затем перед отправкой запроса попробуйте прикрепить это свойство файла к объекту formData, может быть, с чем-то вроде этого

let formData = new FormData();
formData.append('file', this.file);

Это сработало для меня, когда я пытался решить эту проблему, и это должно сработать и с вами. если нет, просто дайте мне знать