How would I convert an image to base64 in reactJS

Question

I have this function where I call a function and have a local file as the parameter to convert it to base64.

export const fileToBase64 = (filename, filepath) => {
  return new Promise(resolve => {
    var file = new File([filename], filepath);
    var reader = new FileReader();
    // Read file content on file loaded event
    reader.onload = function(event) {
      resolve(event.target.result);
    };

    // Convert data to base64
    reader.readAsDataURL(file);
  });
}

Importing the function

  fileToBase64("shield.png", "./form").then(result => {
      console.log(result);
      console.log("here");
    });  

gives me an output as

data:application/octet-stream;base64,c2hpZWxkLnBuZw== here

I want base64 information, but noticing the file the application/octet-stream is wrong? I entered an image so shouldn't it be

data:image/pgn;base64,c2hpZWxkLnBuZw==

https://medium.com/@simmibadhan/converting-file-to-base64-on-javascript-client-side-b2dfdfed75f6

Answer 1

try this I think this should helpfull

let buff = new Buffer(result, 'base64');
let text = buff.toString('ascii');
console.log(text)