Как правильно читать содержимое файла с помощью FileReader в JavaScript

Question

У меня есть локальный файл test.png для загрузки в API с использованием JavaScript. Мне нужно прочитать содержимое файла, используя FileReader или любой другой параметр, а затем установить его в переменную fileContent перед отправкой через API. Есть идеи как это сделать.

<script>

let apikey = 'my key goes here';

// file to be read using Filereader
imageData ='test.png';
let trans = await ar.createTransaction({
    fileContent: imageData
}, apikey);

trans.addTag('Content-Type', 'image/png');

</script>