In the backend in laravel I have a field called "file_ticket" and I need to send an array that contains files sent through an input file, I use vue js in the frontend. How can I send this array to my backend? When I try to send only the array, the request returns something like "object file"
onChange(e) {
let getFiles = [...this.$refs.file.files]
if(!getFiles) return
([...getFiles]).forEach(f => {
this.filelist.push(f)
})
},
saveTicket(event){
event.preventDefault()
let frmData = new FormData()
frmData.append('subject', this.newTicket.subject)
frmData.append('service', this.newTicket.service)
frmData.append('description', this.newTicket.description)
frmData.append('file_ticket', this.filelist)
frmData.append('client_id', this.idUser)
const url = `ticket/new_ticket`
axios.post(url, frmData).then((response) => {
console.log(response)
})
Just append all the files in filelist to formdata using the same key, it will send an array of files.
this.filelist.forEach((file) => {
frmData.append('file_ticket', file);
});