代码之家 › 专栏 › 技术社区 › Prometheus

Rails活动存储-背景图像无效属性?

rails-activestorage ruby-on-rails

Prometheus · 技术社区 · 5 年前

  <div class="card" style="background-image: url(<%= rails_blob_path(post.images.first) %>)">

 </div>

"invalid type property" 作为一个错误。

`background-image: url(/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCdz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--9be6ec89650623cc4a22214c34635f2924f8feea/Frame%20(1).png)`

获取url并添加本地主机:3000到它加载图像:

localhost:3000/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCdz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--9be6ec89650623cc4a22214c34635f2924f8feea/Frame%20(1).png

在img标记内正常渲染图像效果良好:

<%= image_tag(post.images.first) %>

还有,改变 rails_blob_path rails_blob_url

http://localhost:3000/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCdz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--9be6ec89650623cc4a22214c34635f2924f8feea/Frame%20(1).png

将高度/宽度添加到card类也不会产生任何差异。

Ruby on rails 5.2 - background image with active storage

你知道问题出在哪里吗?

提前谢谢大家!

问候语!

0 回复 | 直到 5 年前

Prometheus 5 年前

谢谢大家的意见!

 <div class="card" style="background-image: url('<%= rails_blob_url(post.images.first) %>'); height: 100px; background-position: center;">

比较(之前):

 <div class="card" style="background-image: url(<%= rails_blob_path(post.images.first) %>)">

双引号在本例中不起作用。

干杯!

推荐文章

thesunneversets · 如何使用Nikkou(新手Ruby问题!)

2 年前

Animesh Arya · 关联模型的Rspec

2 年前

yellowreign · Rails:将created\u at转换为PST

2 年前

Kellen · 查看$卷展栏功能列表

2 年前

Akshit Thakur Ak · 我怎样才能把铁轨停下来?

2 年前

solidsnake99 · Rails db:如何绕过验证

2 年前

Spyros · 从数组中删除nil值,并从引用数组中删除相应的项

2 年前

Pauli-E · 当div打开并滚动到屏幕上时,向div添加类

2 年前

Raghuram Murthy P · 在ActiveRecord::Relation delete_by方法上不调用after_commit和after_destroy回调

2 年前

ejoka · 如何使用Rails 7模型属性作为CSS标记值

2 年前