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, Mar 13 '21 at 09:59
Create a `FormData` object and append your data to it. https://developer.mozilla.org/en-US/docs/Web/API/FormData — steven7mwesigwa, Mar 13 '21 at 10:00
Does this answer your question? [Convert JS Object to form data](https://stackoverflow.com/questions/22783108/convert-js-object-to-form-data) — steven7mwesigwa, Mar 13 '21 at 10:13

score 1 · Answer 1 · answered Mar 13 '21 at 10:03

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);

score 1 · Accepted Answer · answered Mar 13 '21 at 10:06

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 => {
});

how to convert JSON into multipart/form-data

2 Answers2