Ruby on rails 5.2 - 具有活动存储的背景图像答案

【问题标题】：Ruby on rails 5.2 - background image with active storageRuby on rails 5.2 - 具有活动存储的背景图像
【发布时间】：2018-12-25 04:35:57
【问题描述】：

我将我的应用升级到 rails 5.2 并且我正在使用 rails 的主动存储。

如果我想使用我上传的图片作为背景，哪种方法最好？我想使用 300x300 大小的图片作为背景。

<div style="background: ... ">

【问题讨论】：

标签： ruby-on-rails image background

【解决方案1】：

<div class="index-img">
    <div class="bg-img" style="background-image: url(<%= rails_blob_url(@user.avatar) %>)"></div>
</div>

然后可以在css中设置样式

.index-img{
    position: relative;
    width: 100%;
    height: 250px;
    background: $grey;
}
.bg-img{
    width: 100%;
    height: 100%;
    @include background-image();
}

【讨论】：

【解决方案2】：

您可以在页面本身上编写 css，如下所示。然后在 div 中使用。

<style media="screen">
  #div_id { background-image: url(<%= image_path @user.avatar.variant(resize_to_fit: [300, 300]) %>) !important;
  ......
  }
</style>

<div id="div_id">...</div>

【讨论】：

感谢您的反馈。我现在收到以下错误消息：资产管道中不存在资产“”。
您的图片路径返回空白字符串。尝试传递正确的对象，它会工作。
您好，实际上不，它不起作用。然后我发现 rails_blob_url 有效。