reactjs - 将 js 图像 react 为 base64

Question

我想将图像从 reactjs 转换为 base64 以将该图像保存在 mongo 中，而无需将图像上传到服务器，如果不直接转换图像，则对其进行转换

Answer 1

我分享我的解决方案

const getEmergencyFoundImg = urlImg => {
  var img = new Image();
  img.src = urlImg;
  img.crossOrigin = 'Anonymous';

  var canvas = document.createElement('canvas'),
    ctx = canvas.getContext('2d');

  canvas.height = img.naturalHeight;
  canvas.width = img.naturalWidth;
  ctx.drawImage(img, 0, 0);

  var b64 = canvas.toDataURL('image/png').replace(/^data:image.+;base64,/, '');
  return b64;
};

我建议使用 async/await 调用此函数来构建帖子的对象。

该方法从这个来源提取它:
https://base64.guru/developers/javascript/examples/convert-image