如何将图像转换为 reactJS 中的 base64

Question

我有这个 function 我称之为 function 并有一个本地文件作为参数将其转换为 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);
  });
}

导入 function

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

给我一个 output 作为

数据：应用程序/八位字节流；base64,c2hpZWxkLnBuZw== 这里

我想要 base64 信息，但注意到文件 application/octet-stream 错误？ 我输入了一个图像，所以不应该是

数据：图像/pgn；base64,c2hpZWxkLnBuZw==

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

Answer 1

试试这个我认为这应该有帮助

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