Upload image to Slack with axios

Question

I'm trying to upload an image to slack using the slack api https://api.slack.com/methods/files.upload.

function uploadImage(file) {
    var form = new FormData();
    form.append('image', file);
    var self = this;
    const config = {
        headers: {
            'content-type': 'multipart/form-data'
        }
    }
    var token = 'myToken'
    axios.post('https://slack.com/api/files.upload?token=' + token, form, config)
        .then(function (response) {
            console.log(response);
            self.imageUploaded("Image uploaded")
        })
        .catch(function (error) {
            console.log(error);
            self.error(error);
        })
}

I'm getting response with "invalid form data". Any idea what might be going wrong?

Thanks and best regards!

PS: I was able to post an image to slack with python

def post_image(filename, token, channels):
    f = {'file': (filename, open(filename, 'rb'))}
    response = requests.post(url='https://slack.com/api/files.upload',
                             data={'token': token, 'channels': channels}, 
                             headers={'Accept': 'application/json'}, 
                             files=f)
    return response.tex

Just need to make the same request with axioms

Answer 1

you can upload a file using axios with the form-data lib

const fs = require("fs"); 
const axios = require("axios");
const FormData = require("form-data");


const form = new FormData();

form.append("token", 'token here');
form.append("channels", channelId);
form.append("file", fs.createReadStream(__dirname + "/aapl.png"), 'file name');

try {
  const res = await axios.post("https://slack.com/api/files.upload", form, {
    headers: form.getHeaders(),
  });
} catch (err) {
  throw new Error(err);
}