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

Question

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

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

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

Я пробовал все виды различных форматов, но на конечной точке 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.log(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.log(req.body);

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


module.exports = router;

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

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