how to append object to formData in vuejs

Question

I can't append an object to FormData

I use Axios

I don't want to send data by JSON.stringify()

data () {
   return {
      product: {

          title: '',

          description: '',

          properties: {
             property1: '',
             property2: ''
          }
      }
   }
}

I want this

‍‍

{title: '', description: '', properties:{property1: '', property2: ''}}

Kingsley · Accepted Answer · 2020-08-21 07:22:17Z

4

Try using Object.entries. For example...

// If this is the object you want to convert to FormData...
const item = {
    description: 'First item',
    price: 13,
    photo: File
};

const formData = new FormData();

Object.entries(item).forEach(([key, value]) => {
    formData.append(key, value);
});

// At this point, you can then pass formData as the payload to axios

Read more about Object.entries() over here - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

answered Aug 21, 2020 at 7:22

Kingsley

8252 gold badges13 silver badges37 bronze badges

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

Collectives™ on Stack Overflow

how to append object to formData in vuejs

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related