Как загрузить изображение на конечную точку сервера узла, используя чистый javascript?

Я пытаюсь создать небольшой сервис, который конвертирует изображения из одного типа в другой. Я перейду к части преобразования позже, сейчас я даже не могу правильно отправить его на сервер узла.

У меня есть простой сценарий, который должен использовать файловую систему для чтения изображения, а затем отправить его в конечную точку сервера узла.

Я не мог найти способ сделать это нигде в Интернете

я пробовал всевозможные способы и форматы, но в конечной точке req.body всегда является пустым объектом или просто ошибкой

const fse = require('fs-extra');


var XMLHttpRequest = require("xmlhttprequest").XMLHttpRequest;
var xhr = new XMLHttpRequest();





fse.readFile('testimg.png', function (err, data) {
    if (err) {
        throw err
    }
    console.info(data)
    xhr.open("POST", 'http://localhost:3000/convert', true); // true for asynchronous 

    xhr.setRequestHeader('Content-Type', 'application/upload');






    xhr.send(data)

})

and this is the server endpoint:

var express = require('express');
var router = express.Router();




router.get('/', (req,res)=>{
  res.send("hello")
})

router.post('/', async(req,res)=>{


  console.info(req.body);

  res.send("Hello i work")
})


module.exports = router;

Я хочу получить данные на конечной точке сервера и иметь возможность обрабатывать их и преобразовывать, например: загружать jpg, конвертировать и отправлять обратно как png или наоборот.

Помощь высоко ценится