axios post formdata
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); });
Source: stackoverflow.com
Axios FormData / not JSON
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); });
Source: stackoverflow.com
axios post form data and json
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); }); }
Source: stackoverflow.com