如何將圖像轉換為 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)