Estoy tratando de convertir una imagen de mis archivos locales a Base64 por JavaSctipt.
Por ejemplo, consulte ESTE sitio web.

Cuando busco una imagen en la entrada debajo del encabezado Archivo local * (entrada con id #form-base64-converter-encode-image-file) y luego ejecuto este código en la consola del navegador:

 function getBase64(file) { var reader = new window.FileReader(); reader.readAsDataURL(file); reader.onload = function () { alert(reader.result); }; reader.onerror = function (error) { alert('Error: ', error); }; } var file = window.document.querySelector('#form-base64-converter-encode-image-file').files[0]; getBase64(file);

El script me da una cadena larga que se supone que es una conversión de imagen en Base64. Pero cuando asigno la cadena en la fuente de una imagen, la imagen no aparecerá. La cadena está dañada o no es una conversión adecuada de Base64. Por favor, que alguien me explique lo que debo hacer para una cadena Base64 adecuada que luego puedo asignar en el atributo src de una <imagen>

Gracias.