cómo convertir la URL de la imagen a base64 en el ejemplo de código javascript

Si encuentras alguna parte que no entiendes puedes comentarlo y trataremos de ayudarte lo más rápido posible.

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 ruta de la imagen a mecanografiado base64

var xhr =newXMLHttpRequest();       
    xhr.open("GET","/path/to/local/image/file",true); 
    xhr.responseType ="blob";
    xhr.onload=function(e)console.log(this.response);var reader =newFileReader();
            reader.onload=function(event)var res = event.target.result;console.log(res)var file =this.response;
            reader.readAsDataURL(file);
    xhr.send()

Ejemplo 3: JavaScript convertir imagen a base64

functionencodeImageFileAsURL(element)var file = element.files[0];var reader =newFileReader();
  reader.onloadend=function()console.log('RESULT', reader.result)
  reader.readAsDataURL(file);<input type="file" onchange="encodeImageFileAsURL(this)"/>

Nos encantaría que puedieras recomendar este escrito si te fue útil.

---

---

Utiliza Nuestro Buscador