Dotnet Maui Blazor App - How to access images in wwwroot from static classin android platform?

Question

In Maui Blazor Android Platform App I need to access wwwroot folder or somewhere image files are stored as file.

On Windows :

string rootpath = System.IO.Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "wwwroot");

and var logoPath = "/img/proxiwash_black.jpg"; works well.

When I switch to Android it gives error like specified file not found.

Please help. Thanks...

score 0 · Accepted Answer · answered Jun 13 '23 at 06:35

For the android platform, the static file will be packaged into the apk file. It will not be stored in any folder which user can see. So it will throw error about file not found.

In addition, the file can only read on the android. And you can use the .net maui file system helpers to access it. Scuh as FileSystem.OpenAppPackageFileAsync("wwwroot/data.txt");

For more information, you can refer to the official document about the Static assets limited to Razor components in the .net maui.

Thank you! After your advice, I found way to convert stream to byte[] to use image. — N. OZER SENOL, Jun 14 '23 at 06:00

score 0 · Answer 2 · answered Jun 14 '23 at 06:09

After getting help with Liyun, I added more and converted stream to byte[] with example:

public static class ResourceLoader {
public async static Task<byte[]> LoadMauiAsset(string fileName)
{
   using var stream = await FileSystem.OpenAppPackageFileAsync(fileName);
            return await StreamToByteArrayAsync(stream);
}

        public static async Task<byte[]> StreamToByteArrayAsync(Stream stream)
        {
            using MemoryStream memoryStream = new MemoryStream();
            await stream.CopyToAsync(memoryStream);
            return memoryStream.ToArray();
        }

    }

I hope this helps everyone. ps. Do not forget to place your images in "Resources\Raw" in dotnet maui project.

Dotnet Maui Blazor App - How to access images in wwwroot from static classin android platform?

2 Answers2