Angular 5 - изображения не загружаются после загрузки на дисковое хранилище

У меня есть проект Angular для обмена фотографиями. Когда я загружаю изображения, все работает нормально - они загружаются в папку assets / images / uploads, которая считается общедоступной. Изображения загружаются с помощью multer, используя простой сервер Express. Я также использую Kinvey для сохранения некоторых данных для изображений, и я также сохраняю их имена файлов.

После того, как я загружаю изображения и перехожу на страницу со всеми изображениями, они не загружаются. Обратите внимание, что путь к изображению правильно задан в теге image src.

Когда я перестраиваю приложение, перезапускаю сервер и обновляю страницу, все изображения загружаются правильно. Любые идеи?


person Deyan Peychev    schedule 13.07.2018    source источник


Ответы (1)


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

person Hoff    schedule 13.07.2018
comment
Есть ли способ динамически обновлять папку или мне следует хранить изображения вне папки приложения Angular? - person Deyan Peychev; 13.07.2018
comment
Вы должны хранить свои изображения на сервере, а не на клиенте (т.е. в папке app). например Довольно распространенная практика - хранить изображения на сервере (будь то ваш веб-сервер, S3 insatnce или какой-то CDN), а затем сохранять местоположение / путь к этим изображениям в вашей БД. - person Narm; 13.07.2018