Axios post request to send form data

Question

Axios post request to send form data

Axios POST Request:

var body = {

    userName: 'Fred',

    userEmail: 'Flintstone@gmail.com'

}



axios({

    method: 'post',

    url: '/addUser',

    data: body

})

.then(function (response) {

    console.log(response);

})

.catch(function (error) {

    console.log(error);

});

If I set headers as:

headers:{

  Content-Type:'multipart/form-data'

}

If I make the related offer in postman it's working fine and sets values to my POJO class.

Can anyone describe how to establish a boundary or how can I send form data using Axios.

axios react-redux reactjs

3 years ago by vishaljlf39

2 Answers

Login / Signup to Answer the Question.

Login Signup

**rahul07** · Answer 1 · 2021-06-03T10:00:39

You can post axios data by using FormData() like:



var bodyFormData = new FormData();

And then add the fields to the form you want to send:



bodyFormData.append('userName', 'Fred');

If you are uploading images, you may want to use .append



bodyFormData.append('image', imageFile);

And then you can use axios post method (You can amend it accordingly)



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

  });

**kshitijrana14** · Answer 2 · 2021-06-04T14:57:50

Check out querystring.
You can use it as follows:

var querystring = require('querystring');

axios.post('url', querystring.stringify({ foo: 'bar' }));

C TUTORIAL

C PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

C++ TUTORIAL

C++ PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

PYTHON TUTORIAL

PYTHON HOW TOS

INTERVIEW TESTS

EXECUTE CODE

JAVA TUTORIAL

JAVA CODE EXAMPLES

SPRING TUTORIAL

MORE IN JAVA

COMPUTER ARCHITECTURE

COMPUTER NETWORK

OPERATING SYSTEM

DBMS & SQL

PL/SQL

MongoDB

EXECUTE SQL

ANDROID DEVELOPMENT

GO LANGUAGE

LINUX

DOCKER

HTML TAGS (A to Z)

CSS REFERENCES

SASS/SCSS

KOTLIN

GAME DEVELOPMENT

PHP

GIT GUIDE

JAVASCRIPT

ADVANCED DSA

Axios post request to send form data

2 Answers

Login / Signup to Answer the Question.