как обрабатывать динамическую галерею изображений в angular

У меня есть веб-приложение, в котором есть галерея, и есть возможность загрузки новых изображений для галереи. Проблема в том, что когда я загружаю новое изображение, чтобы иметь возможность просматривать его в галерее, мне приходится перекомпилировать (вы видите карточку изображения, но не само изображение). Это происходит из-за того, что изображения находятся в папке «assets/», которая по своей природе является статической. Я попытался поместить изображения в папку сервера и изменить URL-адрес, но изображения не отображаются. Также я заметил, что если URL-адрес указан полностью, например, «/home/andrea/lavoro/angular/CarsMarketPlace/src/assets/CarsImages/», изображения не загружаются, я должен установить URL-адрес просто как «активы/CarsImages». '. Полагаю, что изображения из папки сервера не отображаются по той же причине. Я получаю в журнале lite-сервера:

20.02.23 10:48:26 404 GET /home/andrea/lavoro/angular/CarsMarketPlace/server/CarsImages/audi_mod1_img1.jpg

но если я скопирую и вставлю ссылку на журнал в браузер, я увижу изображение. Кто-нибудь может дать мне решение для просмотра изображений из папки сервера? Возможно, в файле json есть какая-то конфигурация... Спасибо.


angular assets image-gallery
person Andrea Di Cioccio    schedule 23.02.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете поддерживать динамический список путей к изображениям и перебирать его, используя NgFor. Таким образом, когда вы загружаете изображение, добавьте его путь в список, и оно обновит галерею после загрузки.

person Dani Toker    schedule 23.02.2020
comment
Спасибо за интерес, но, возможно, вы не уловили суть проблемы. Настоящая проблема заключается в том, что при попытке загрузить изображение выдается ошибка 404, но URL-адрес правильный. - person Andrea Di Cioccio; 23.02.2020
comment
О, в таком случае мой единственный совет может состоять в том, чтобы записать в журнал текущий путь, чтобы убедиться, что он работает там, где вы думаете, что он работает... Извините - person Dani Toker; 24.02.2020