Не отображаются картинки MAUI Blazor

Question

столкнулся с такой проблемой: когда запускаю программу на WindowsMachine - картинки отображаются, но когда запускаю на AndroidEmulator, то картинок нет. на хосте располагаются картинки, например:

PreviewImage":{"ImageUri":"images/1.jpg")

в razor код выглядит так:

img src="@image.ImageUri" alt="Фото зала" class="gallery-image" />

Может знает кто, в чем может быть проблема? Заранее спасибо.

Answer 1

app.UseStaticFiles(); в Program.cs необходимо добавить
Важно также убедиться, что картинки лежат в папке wwwroot/images/ — только тогда они будут доступны из Razor-компонента.
Попробуйте явно указать путь через хост-машину:

<img src="http://10.0.2.2:5000/images/1.jpg" alt="Фото зала" class="gallery-image" />

10.0.2.2 — это специальный IP-адрес, по которому Android-эмулятор обращается к localhost хоста.

вот ссылки с en.SO

How to display local image as well as resources image in .Net MAUI Blazor Тут предлагается разбор способов отображения изображений из AppDataDirectory и ресурсов (Resources/Raw) в MAUI Blazor. Интересный пример с расширением BlazorWebView и использованием CompositeFileProvider — позволяет отображать файлы с устройства через обычный <img src="..." />.
.Net Maui Android - How to load image from DCIM folder direct - without a picker Тут показывают как загрузить изображения прямо из системной папки Android (DCIM/) без диалогов выбора. как получить путь, считать файл и установить ImageSource...

Если нужен доступ к файлам не из wwwroot, а из локального хранилища устройства, обратите внимание на эти подходы — они работают и на Android.

БЛОГ НА HUSL

Не отображаются картинки MAUI Blazor

Ответы (1 шт):