At API I can't access FormData object that I have created At vue js

Question

If i send and image only i can access it, but problem is that i need to send some titles, sub titles and text.

My form tag:

<form @submit.prevent="handleFormSubmit" method="POST" enctype="multipart/form-data">

My blog data looks like this:

   blog:{
                postTitle: '',
                sectionTitles:[
                    {
                        sectionTId: 0,
                        title: ''   ,
                        belongsTo: '' 
                    },
                    
                ],
                images: [
                    {
                        // imageId: 0,
                        // belongsTo:''
                    }

                ],
                textareas: [
                    {
                        textareaId:0,
                        text: '',
                        belongsTo:''
                    },

                ]

            },

here is my submit:

async handleFormSubmit(){
    let data = new FormData();
    data.append('blog',this.blog)
    await this.setCreatePost(data)
},

At Laravel I just return request:

return $request['blog'];

And I get:

data: "[object Object]"

can you answer so i can fill the answer plz, and thanks, that works. — Dusan
– Dusan, Commented Dec 9, 2021 at 14:43

Vasile Radeanu · Accepted Answer · 2021-12-09 15:06:41Z

1

data.append('blog',JSON.stringify(this.blog))

answered Dec 9, 2021 at 15:06

Vasile Radeanu

8966 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

At API I can't access FormData object that I have created At vue js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related