Saltar al contenido

JavaScript convertir URL de imagen a ejemplo de código base64

Ejemplo 1: 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 2: 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 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)"/>

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

functiongetBase64Image(img)jpg);base64,/,"");var base64 =getBase64Image(document.getElementById("imageid"));

valoraciones y reseñas

Si piensas que te ha sido útil este post, sería de mucha ayuda si lo compartes con el resto desarrolladores así nos ayudas a difundir esta información.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *