[Angular] Codifica img src in blob/base64

[alka]

sicuramente l'ultimo tentativo è a caso, dopo una giornata spesa senza riuscire, non ne potevo più

Nella programmazione purtroppo questa tattica non funziona mai.

sulla pagina visualizzo l'immagine da un url.
quindi dovrei codificare quell'immagine, presa da url, e metterla nel vcf.

In tal caso, devi trovare il modo di disegnare quell'immagine - ad esempio, in un canvas - e ottenere il contenuto della stessa come "data url", ossia come indirizzo che contiene direttamente i dati dell'immagine codificati in base-64, per utilizzare poi quella stringa codificata all'interno della card VCF.

Facendo una ricerca rapida, ho trovato questo esempio che può fare al caso tuo. Lo riporto qui per completezza:

function getBase64Image(img) {
  var canvas = document.createElement("canvas");
  canvas.width = img.width;
  canvas.height = img.height;
  var ctx = canvas.getContext("2d");
  ctx.drawImage(img, 0, 0);
  var dataURL = canvas.toDataURL("image/png");
  return dataURL.replace(/^data:image\/?[A-z]*;base64,/);
}

var base64 = getBase64Image(document.getElementById("imageid"));