base 64 image - backend

[juancruzsosagab]

Hi @vladmandic or someone!
Im trying to use an base64 data image.
I couldn´t find the way to create a canvas or html element without creating a directory/ image file (i dont want to create a file)
If someone could help me, it will be great.
Im using node with javascript in the backend!

[vladmandic]

something like this?

const tf = require('@tensorflow/tfjs-node');
function b64toTensor(b64string) {
  const img = Buffer.from(b64string, 'base64');
  const hcw = tf['node'].decodeJpeg(img); // decode jpeg data (or use different methods for png, gif, etc.) to tensor in hcw format
  const nhcw = hcw.expandDims(0); // expand hcw to nhcw that can be directly used by faceapi
  tf.dispose(hcw);
  return nhcw; // dont forget to dispose tensor once faceapi is done
}

alternatively, you can use node-canvas with the same img variable and then pass canvas object to faceapi
for example:

function b64toCanvas(b64string) {
  const img = Buffer.from(b64string, 'base64');
  const input = await canvas.loadImage(img);
  const canvas = canvas.createCanvas(input.width, input.height);
  const ctx = canvas.getContext('2d');
  ctx.drawImage(img, 0, 0, input.width, input.height);
  return canvas
}

[juancruzsosagab]

Thanks a lot! you rock!