How to encode file string from FileEngine to into a base64 image

[onweru]

I have the following code.

pub async fn upload_image(evt: Event<FormData>) {
  if let Some(file_engine) = evt.files() {
    let files = file_engine.files();
    for file_name in &files {
      if let Some(file) = file_engine.read_file_to_string(file_name).await {
        let avatar = base64_url::encode(&file);

Expected output

data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAQDAwMDAwQDAwQGBAMEBgcFBAQFBwgGBgcGBggKCAkJCQkICgoMDAwMDAoMDA0NDAwRERERERQUFBQUFBQUFBT/2wBDAQQFBQgHCA8KCg8UDg4OFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAAoACgDAREAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAUGCP/EACIQAQAABQMFAQAAAAAAAAAAAAAFFUNjgqLB4RESEzVRkf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDv4AE6K0stgTgAaIAE6K0stgTgAUZra1cATW1q4A9na8WXXu/PgEqu6eQJVd08gnAAowqrjuCiADOgAowqrjuCiAD/2Q==

Actual output

77-977-977-977-9ABBKRklGAAEBAAABAAEAAO-_ve-_vQBDAAQDAwMDAwQDAwQGBAMEBgcFBAQFBwgGBgcGBggKCAkJCQkICgoMDAwMDAoMDA0NDAwRERERERQUFBQUFBQUFBTvv73vv70AQwEEBQUIBwgPCgoPFA4ODhQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU77-977-9ABEIACgAKAMBEQACEQEDEQHvv73vv70AFwABAQEBAAAAAAAAAAAAAAAAAAUGCO-_ve-_vQAiEAEAAAUDBQEAAAAAAAAAAAAABRVDY--_ve-_ve-_ve-_vRESEzVR77-977-977-9ABQBAQAAAAAAAAAAAAAAAAAAAADvv73vv70AFBEBAAAAAAAAAAAAAAAAAAAAAO-_ve-_vQAMAwEAAhEDEQA_AO-_ve-_vQE6K0st77-9OABo77-9BO-_vSzvv70E77-9AUZra1cATW1q77-9D2drxZde77-9z4BK77-977-977-9CVXvv70877-9cADvv70K77-977-977-9ADPvv70C77-9Ku-_vTvvv73vv70A77-977-9

I can't figure out how to get to the desired outcome that:

1. Includes the file type
2. Formatted/encoded correctly.

[onweru]

I got it to work by:

1. Using read_file instead of read_file_to_string method
2. Running (1) output through base64 crate

pub async fn upload_image(evt: Event<FormData>) {
  if let Some(file_engine) = evt.files() {
    let files = file_engine.files();
    for file_name in &files {
      let file_type = get_file_type(file_name); // check files mime type e.g jpeg 
      if let Some(file) = file_engine.read_file(file_name).await {
        let file = format!(
          "data:image/{};base64,{}",
          file_type,
          BASE64_STANDARD.encode(&file)
        );