¿Cómo hago una función parecida a la siguiente, pero en Javascript?
// PHP file
<?php
$path = 'images/imagen.png';
$type = pathinfo($path, PATHINFO_EXTENSION);
$data = file_get_contents($path);
$base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);
algo como:
// JS file
convertirImagen(url){
...
return url;
};
console.log(convertirImagen('images/imagen.png')); // base 64 de imagen
La idea es sólo pasar un parámetro y que me devuelva el string en base64 para usarlo de esta forma:
var imagen = document.getElementById('miimagen');
imagen.setAttribute('src', convertirImagen('images/imagen.png');
Antes vi esta opción pero no entiendo el uso del callback
y busco una forma de simplificarlo
function imgToBase64(url, callback) {
if (!window.FileReader) {
callback(null);
return;
}
var xhr = new XMLHttpRequest();
xhr.responseType = 'blob';
xhr.onload = function() {
var reader = new FileReader();
reader.onloadend = function() {
callback(reader.result);
};
reader.readAsDataURL(xhr.response);
};
xhr.open('GET', url);
xhr.send();
}