Level 47
You need to iterate over the locations and add each one to the FormData.
2 likes
May 11, 2018
7
Level 33
FormData becomes an object instead of array?
Hi,
In my app I'm sending form data and append it like this (in vue.js):
let form = new FormData();
form.append('locations[]', this.form.locations);
Then I send it with axios to the server.
The problem is that on my server I receive objects instead of an array.
When I send it without the FormData it looks like this:
How do I get the array data instead of objects?
Level 33
@wilk_randall already tried that:
for (var i = 0; i < this.form.locations.length; i++) {
form.append('locations[]', this.form.locations[i]);
}
But that's not working.
Level 47
Try this instead:
this.form.locations.forEach((location, i) => form.append(`locations[${i}]`, location));
2 likes
Level 33
@wilk_randall thanks for helping, but still the same :(
Level 8
@lars-janssen this an old question but I think this might be what you were working on...
I am guessing like me, you were trying to append an array of objects if so this is how I went about it...
Say the array is this
const items = [ {"name": "item 1", "price": 100}, {"name": "item 2", "price": 400}];
you can append it like so
const formData = new FormData();
for (let i = 0; i < items.length; i++) {
for (let key of Object.keys(items[i])) {
console.log('hello...', items[i][key]);
formData.append(`items[${i}][${key}]`, items[i][key]);
}
}
when you post the formData object, Laravel will be able to pick up the correct array and any form request validation should be able to pass...
1 like
Level 1
I really wanna thank you for this solution, and I wanna Ask you please, what if I have an array of objects called Questions that has another array of objects called choices what should I do then so I can send my data to the controller ? like this: questions:[ { question_text: null, question_file:null, choices:[{c_text}] }
Level 54
@annajar start a new thread please.
Please or to participate in this conversation.