how to convert JSON into multipart/form-data

Question

How I Can Convert JSON into Form Data

let data = {
        image : this.state.file,
        title : this.state.title,
        description: this.state.description,
      }

Are the values of the state properties quoted? Otherwise it's not JSON. — Thomas Sablik
– Thomas Sablik, Commented Mar 13, 2021 at 9:59
Create a FormData object and append your data to it. developer.mozilla.org/en-US/docs/Web/API/FormData — steven7mwesigwa
– steven7mwesigwa, Commented Mar 13, 2021 at 10:00
Does this answer your question? Convert JS Object to form data — steven7mwesigwa
– steven7mwesigwa, Commented Mar 13, 2021 at 10:13

Max · Accepted Answer · 2021-03-13 10:06:09Z

3

Something like this:

let form_data = new FormData();

form_data.set('data', {
    "image": this.state.file,
    "title" : this.state.title,
    "description": this.state.description,
  });

ax({
    url: '/api',
    method: 'post',
    data: form_data,
    headers: {'content-type': 'multipart/form-data'}
})
.then(response => {
})
.catch(error => {
});

answered Mar 13, 2021 at 10:06

Max

1,48015 silver badges26 bronze badges

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

Comments

Surya · Accepted Answer · 2021-03-13 10:03:35Z

1

Try this way

let data = `{
        "image": ${this.state.file},
        "title" : ${this.state.title},
        "description": ${this.state.description},
      }`;

const jsonData = JSON.parse(data);

var fdata = new FormData();

fdata.append('image', {
    uri: jsonData.image,
    name: 'photo.jpeg',
    type: 'image/jpeg'
});
fdata.append('title',jsonData.title);
fdata.append('description',jsonData.description);

answered Mar 13, 2021 at 10:03

Surya

5567 silver badges13 bronze badges

Collectives™ on Stack Overflow

how to convert JSON into multipart/form-data

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related