Как добавить изображение на веб-страницу?

Конечно, вот более четко сформулированный вопрос для ваших проблем:

1. Как правильно указать ссылку на изображение в сторонний ресурс с переменным значением (например, `yh43tk.jpg`), чтобы его отобразить на веб-странице?
   
2. Как исправить код, чтобы корректно отображать изображения, хранящиеся в базе данных в формате Base64, на веб-странице?
  • 6 апреля 2024 г. 9:39
Ответы на вопрос 2
1. Для добавления изображения на веб-страницу с помощью HTML, вам нужно использовать тег `<img>` с атрибутом `src`, указывающим на URL изображения. Например:

```html
<img src="https://www.example.com/images/yh43tk.jpg" alt="Описание изображения">
```

Где `https://www.example.com/images/yh43tk.jpg` - это ссылка на изображение, которое вы хотите отобразить, а `"Описание изображения"` - это текст, который будет отображаться в случае недоступности или ошибки загрузки изображения.

2. Если изображения хранятся в базе данных в формате Base64, вам нужно использовать следующий код в HTML:

```html
<img src="data:image/jpeg;base64, база64_код_изображения" alt="Описание изображения">
```

Где `база64_код_изображения` - это строка Base64, содержащая изображение. Важно убедиться, что кодирование Base64 правильно выполнено и изображение может быть успешно декодировано и отображено.
1) для начала открой исходный код страницы и проверь, что там именно base64, а не бинарник картинки выведен. 
2) внешний ресурс по запрос точно возвращает тело картинки, а не HTML-страничку с вариантами встраивания?
3) если картинка на внешнем ресурсе, то зачем выводить на страницу ее закодированное в base64 содержимое (т.е. на треть больше оригинала), если можно оставить прямую ссылку?
Похожие вопросы