Obtén subidas como Base64

Hola a todos,

Necesito ayuda para integrar esto en una aplicación web que tengo. Todo se renderiza y funciona como se espera, pero estoy intentando conseguir las imágenes subidas (arrastrando y soltando) como base64.

Usar un endpoint no es una opción que pueda usar.

Este es el código que tengo

    var editor = grapesjs.init({
            Altura: '100%',
            contenedor: '#buildy_' + instanceID, //Instancia actual del editor
            plugins: ['gjs-preset-newsletter'], //Load Newsletter plugin
            componentes: '<div class="txt-red">¡Hola mundo!</div>',
            Estilo: '.txt-rojo{color: rojo}',
            assetManager: {
                Activos: [],
				uploadFile: (e) => {
                    var files = e.dataTransfer ? e.dataTransfer.files: e.target.files;
                    para (var i = 0, f; f = archivos[i]; i++) {
					
Solo procesar archivos de imagen.
						si (!f.type.match('image.*')) {
							continúa;
							}
							lector var = nuevo FileReader();
							console.log(reader.readAsDataURL(f))
							NECESITO que cada archivo sea Base64 para subirlo mediante una función externa
                      }
                },
                Zona de caída: 1,
                openAssetsOnDrop: 0,
            },
            storageManager: {
                id: storageid, // Identificador de prefijo que se usará en los parámetros
                tipo: 'local', // Tipo del almacenamiento (puede configurarse como nulo)
                autosave: true, // Almacenar datos automáticamente
                autoload: true, // Autoload datos almacenados en init
                stepsBeforeSave: 1, // Si el autoguardado está activado, indica cuántos cambios son necesarios antes de que se active el método de almacenamiento
            }
    });

Además, después de procesar la función de subida externa, ¿simplemente llamo al recurso añadir para poner la imagen disponible?

Agradezco cualquier apoyo en esto...