如何將背景圖片設置爲回形針附件網址？

我無法獲取回形針附件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

如何將背景圖片設置爲回形針附件網址？

回答

相關問題