將 js 圖像反應為 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