时间戳

首页 > 解决方案 > 我如何在 reactJS 中将图像转换为 base64

javascript - 我如何在 reactJS 中将图像转换为 base64

问题描述

我有这个函数，我在其中调用一个函数，并有一个本地文件作为参数将其转换为 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);
  });
}

导入函数

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

给我一个输出

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

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

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

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

标签： javascriptbase64

解决方案

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

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

推荐阅读