如何将背景图片设置为回形针附件网址？

我无法获取回形针附件URL来设置背景图像的样式。以下是我的观点：如何将背景图片设置为回形针附件网址？

<% @auction.lots.each do |lot| %> 
    <div class="lot-with-image" style="background-image: url('#{request.protocol}#{request.host_with_port}#{lot.image}'); width: 300px; height: 300px; border: 5px solid black"></div> 
    <% end %>

这是HTML：

<div class="lot-with-image" style="background-image: url('#{request.protocol}#{request.host_with_port}#{lot.image}'); width: 300px; height: 300px; border: 5px solid black">

我也试过#{lot.image.url}为好，但我得到了几乎相同的结果。

如果使用回形针样式背景图像更好的办法，我给的建议非常开放。提前致谢。

来源

2015-09-20 cphil

<% @auction.lots.each do |lot| %> 
    <div class="lot-with-image" style="background-image: url('<%= lot.image.url %>'); width: 300px; height: 300px; border: 5px solid black"></div> 
<% end %>

来源

2015-09-20 03:53:53 Dave

这让我的错误：'回形针的隐式转换::附件为String' – cphil

请绕道很多.image.url代替lot.image – Dave

BTW回形针网址应能够使图像的完整路径,,我不认为u需要request.protocol，request.host_with_port。只是<％= lot.image.url％>应该工作 – Dave

请更换成：

<% @auction.lots.each do |lot| %> 
    <div class="lot-with-image" style="background-image: url("<%= lot.image.url %>"); width: 300px; height: 300px; border: 5px solid black"></div> 
<% end %>

这是简要Show image in view

来源

2015-09-20 04:13:07 akbarbin

如何将背景图片设置为回形针附件网址？

回答

相关问题