I had some troubles trying to send a file via POST using Typescript 2.7 and Axios, so I wanted to write my solution here, hopefully it will be helpful to others.
The method I was trying to use is to simply make an object and send it as the body of the Post request:
// Headers object
const headers = { 'userID': "1234" };
// Body Object
const body = {
'processID': "4321",
'file': fs.createReadStream( "files/data.zip")
};
// URL
const url = 'localhost:8080/api/Extension/deploy';
// POST request
let results = await axios.post(url, body, { headers });
// Showing results
console.log(results);
But the file was not reaching its final destination, so after looking for a while I found that it worked using form-data to construct the body of the request:
// Importing library
const FormData = require('form-data');
// Headers object
const headers = { 'userID': "1234" };
// Creating a new form data
var bodyFormData = new FormData();
// Appending info to body form data
await bodyFormData.append('processID', "1234");
await bodyFormData.append('file', fs.createReadStream("files/data.zip"), "data.zip");
//URL
const url = 'localhost:8080/api/Extension/deploy';
// POST request
let results = await axios.post(url, body, { headers });
// Showing results
console.log(results);
You can learn more about form data here: https://developer.mozilla.org/en-US/docs/Web/API/FormData/append
Top comments (0)