Как добавить статическое изображение во встроенный CSS-тег background-image в шаблоне Spring при загрузке Thymleaf?

Question

Я разрабатываю веб-приложение для учебных целей, используя шаблонный движок java spring и Thyme leaf.

На одной из моих страниц Thymeleaf я хочу добавить изображение в качестве background-image с использованием встроенного CSS.Мое изображение находится в статической папке, я пытался использовать различные методы, найденные в Интернете, но ни один из них не работал.Я искал и, к сожалению, не смог найти решение этой проблемы.

Я пытался th:style tag и искал в Google, чтобы узнать, как работает этот тег, но, к сожалению, не смог понять этопометить правильно.

Я добавил код и снимок экрана с ошибкой.

blockquote class="imgur-embed-pub" lang="en" data-id="a/TOr6Nyn"><a > 
href="//imgur.com/TOr6Nyn"></a></blockquote><script async   
src="//s.imgur.com/min/embed.js" charset="utf-8"></script>

th:style="'background-image: url('+ 
@{~/frontend/images/blog/default/thum1.jpg}+')'"

Answer 1

Я также пробовал статическое изображение, но оно не работает.Но если вы хотите показать изображение на странице, используйте base64 этого изображения.

Используйте этот код на странице листа тимьяна:

<img th:src="@{data:image/png;base64,YOUR BASE 64}