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)