Как загрузка и предоставление изображений работает в веб-приложении?

Извините, если это широкий вопрос, но я нигде не могу найти на него ответа.

Что касается обслуживания изображений, я обнаружил, что нужно хранить изображение в папке ресурсов, где находится внешний интерфейс, и путь к изображению в базе данных, и использовать этот путь для отображения изображения.

Но если я хочу загрузить изображение, могу ли я сохранить его в той же папке ресурсов и отправить путь к этому изображению на серверную часть, чтобы сохранить его в базе данных? и когда изображение необходимо отобразить, я получаю путь из базы данных и, используя этот путь, получаю доступ к загруженному изображению из ресурсов и показываю его на веб-сайте?

Это так, или загруженное изображение отправляется в каком-то потоке байтов или что-то в этом роде на сервер, где он его где-то сохраняет, или в виде байтов в базе данных? а затем отправляет его обратно на веб-сайт, когда изображение необходимо отобразить?

Чтобы упростить то, что я говорю, давайте предположим, что у меня есть сетка товаров на торговом веб-сайте. Администратор может добавлять в список новые элементы и, конечно же, загружать изображение элемента. То есть, когда он добавляет новый элемент и загружает его изображение, изображение должно быть сохранено в папке ресурсов внешнего интерфейса или отправлено на сервер для сохранения где-то еще..? и когда клиент просматривает веб-сайт, он видит товар с загруженным изображением, полученным из этого места. Я не знаю, как это работает, может кто-нибудь подскажет?

В моем примере я использую бэкэнд Spring Boot и интерфейс angular ssr (универсальный).

так что интерфейс и серверная часть разделены и, вероятно, будут размещаться на разных веб-сайтах.

извини, добавил картинку не в тот пост..