从db设置背景图像

Question

是否可以以编程方式设置背景图像？

我知道如何使用css完成此操作，但这会设置并修复背景图像。我有一个书籍模型，每个都有一本书的图像，我想在用户提取书籍记录时将背景设置为书籍的图像。

def show
  @book = Book.find(params[:id])
  @image = @book.image
  # set the background image to @image
end

Answer 1

尝试在您的视图中添加此内容（例如show.html.erb或index.html.erb）：

<style media="screen">
  .image_div { background-image: url(<%= @book.image %>); }
</style>

@book.image需要将实际的路径返回到@book对象的图像，您需要访问存储路径@book.image.path或{的任何属性{1}}或任何符合您代码库的内容

Answer 2

试试这个：

#pic {
  width: 100%;
  height: auto;
}

<img src="" id="pic">