Breaking News: Grepper is joining You.com. Read the official announcement!

axios post form data and json

Evil Echidna answered on September 20, 2020 Popularity 10/10 Helpfulness 4/10

answer axios post form data and json

axios post form data and json

Comment

doAjaxPost() {
    var formData = new FormData();
    var file = document.querySelector('#file');

    formData.append("file", file.files[0]);
    // formData.append("document", documentJson); instead of this, use the line below.
    formData.append("document", JSON.stringify(documentJson));

    axios({
        method: 'post',
        url: 'http://192.168.1.69:8080/api/files',
        data: formData,
    })
    .then(function (response) {
        console.log(response);
    })
    .catch(function (response) {
        console.log(response);
    });
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: axios form-data javascript json post

Link to this answer
Share Copy Link

Contributed on May 25 2022

Evil Echidna

0 Answers Avg Quality 2/10

Closely Related Answers

axios post formdata

Comment

axios({
    method: 'post',
    url: 'myurl',
    data: bodyFormData,
    headers: {'Content-Type': 'multipart/form-data' }
    })
    .then(function (response) {
        //handle success
        console.log(response);
    })
    .catch(function (response) {
        //handle error
        console.log(response);
    });

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: stackoverflow.com

Tags: axios axio

Link to this answer
Share Copy Link

Contributed on Sep 20 2020

florinrelea

0 Answers Avg Quality 2/10

Axios FormData / not JSON

Comment

var bodyFormData = new FormData();
bodyFormData.append('userName', 'Fred');

If you are uploading images, you may want to use .append
bodyFormData.append('image', imageFile); 

axios({
  method: "post",
  url: "myurl",
  data: bodyFormData,
  headers: { "Content-Type": "multipart/form-data" },
})
  .then(function (response) {
    //handle success
    console.log(response);
  })
  .catch(function (response) {
    //handle error
    console.log(response);
  });

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: axios axio

Link to this answer
Share Copy Link

Contributed on Oct 25 2021

Delightful Donkey

0 Answers Avg Quality 2/10

How to send form data with Get method in axios?

Comment

//assuming instance is your axios instance.

instance.get("/test",{params:{key:value, key1:value1}}).then((data)=>{}).catch((error)=>{})

//this will send a GET request to /test?key=value&key1=value1

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: form-data form

Link to this answer
Share Copy Link

Contributed on Jun 12 2021

Bug Killer

0 Answers Avg Quality 2/10

axios post form data and json

Contents

More Related Answers

axios post form data and json

Closely Related Answers

axios post formdata

Axios FormData / not JSON

How to send form data with Get method in axios?

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.