convertir etiqueta img a ejemplo de código javascript base64

Luego de investigar con expertos en el tema, programadores de deferentes áreas y maestros hemos dado con la respuesta al dilema y la plasmamos en este post.

Ejemplo 1: convertir una imagen en Base64 string usando JavaScript

functiongetBase64Image(src, callback, outputFormat)const img =newImage();
      img.crossOrigin ='Anonymous';
      img.onload=()=>const canvas = document.createElement('canvas');const ctx = canvas.getContext('2d');let dataURL;
        canvas.height = img.naturalHeight;
        canvas.width = img.naturalWidth;
        ctx.drawImage(img,0,0);
        dataURL = canvas.toDataURL(outputFormat);callback(dataURL);;

      img.src = src;if(img.complete 

Ejemplo 2: convertir la URL de la imagen a javascript base64

functiongetBase64Image(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/(pngvar base64 =getBase64Image(document.getElementById("imageid"));

Recuerda que puedes decir si te fue de ayuda.

---

---

Utiliza Nuestro Buscador