[Angular] Codifica img src in blob/base64

[alka]

io ho l'immagine sulla pagina, e devo codificarla (penso sia base64).

Devi codificarla, o decodificarla?
Nell'attributo src dell'immagine hai i dati, o hai un percorso?

Quello che sembra tu stia facendo è prendere il percorso dell'immagine, convertirlo in blob (quindi in dati binari) e tentare di inserire quei dati binari della card, dove in realtà si aspetta un base-64.

Sembra tutto un po' a caso...

[fermat]

Devi codificarla, o decodificarla?
Nell'attributo src dell'immagine hai i dati, o hai un percorso?

Quello che sembra tu stia facendo è prendere il percorso dell'immagine, convertirlo in blob (quindi in dati binari) e tentare di inserire quei dati binari della card, dove in realtà si aspetta un base-64.

Sembra tutto un po' a caso...

ciao!

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

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

[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"));