Нужен совет по отображению изображения в div

Question

У меня есть редактор WYSIWYG, который используется для создания статей. Затем статьи вставляются в базу данных. Затем статья отображается на главной странице. Он состоит из двух основных разделов/частей. Верхняя часть - это div с фиксированной высотой и используется для отображения изображения, которое представлено WYSIWYG (это план) для конкретной статьи. Таким образом, пользователь (с привилегией) пишет статью, вставляет/загружает изображение (которое находится на сервере), статья вставляется в БД и URL-адрес изображения.

Вопрос: как я должен отображать его? Сейчас я собираюсь вытащить все необходимые поля из базы данных и поместить URL-адрес изображения в div, и он будет отображаться как изображение. Это кажется неуклюжим, поэтому с моим ограниченным опытом я задаюсь вопросом, есть ли более элегантный способ сделать это.

Answer 1

Вы на правильном пути. Вытяните URL-адрес изображения из базы данных, затем поместите его в тег img в div, или примените его как фон в самом div.

Для определения размера изображения в div укажите либо высоту, либо ширину изображения. Другой будет автоматически размер, сохраняя правильное соотношение сторон. Это может вызвать проблемы с установкой в ​​div фиксированной высоты, поэтому вы захотите установить свойство переполнения CSS в div на скрытое, чтобы изображения не переполнялись за его пределы.

Answer 2

Вы имеете в виду сохранение пути изображения в БД, а затем повторение его в теге?

Нет ничего плохого в этом ... лучше, чем хранить изображение в БД, если это то, что вам интересно?