Как динамически изменять свойства css фонового изображения с активным хранилищем

Question

Как я могу использовать:

<%=image_tag(url_for(object.image)%>

для размещения URL-адреса изображения на каждом объекте

<div class='bg' style="background:url('img.jpg')"></div>

Я использую рельсы активного хранения. Я попробовал это:

<div "style="background: url(<%=image_tag(@object.image)%>">

но изображение не отображается. Вот вывод HTML:

<div style="background: url(<img src=" http:="" localhost:3000="" rails="" active_storage="" blobs="" eyjfcmfpbhmionsibwvzc2fnzsi6ikjbahbhdz09iiwizxhwijpudwxslcjwdxiioijibg9ix2lkin19--45640b74829f35f71ed0d53b6c237f5257810f29="" beer_lager_bg.jpg"="">

Answer 1

Для вашего конкретного случая вам просто нужно поставить:

<div class='bg' style="background: url(<%= url_for(object.image) %>) no-repeat;"></div>

Помните: CSS это не HTML, image_helper создаст тег <img>, и вам это не нужно для CSS (style="...")!

Но правильный способ сделать это:

*.css - *.scss
.bg {
  /* The image used */                 /*accepts a full URL*/ 
  background-image: asset_path(url_for(object.image));}

Больше здесь: https://api.rubyonrails.org/classes/ActionView/Helpers/AssetUrlHelper.html#method-i-asset_path