css - SASS:背景图片 url 和 rails Controller 变量

Question

我需要在 div 类中显示具有 background-image 属性的用户的个人资料图片。问题是，image-url 和 asset-url 只能从 scss 文件中调用，而从 scss 文件中，@user 变量是不可见的。当我尝试访问用户 ID 时，它显示“未定义的局部变量或方法‘params’”。在其他主题中找不到答案。

background-image: image-url(<%= @user.avatar %>)

Answer 1

您的 Assets 文件被设计为本质上是静态的，尤其是当它们通过预编译、指纹识别等进入 Assets 管道时。您不能在每次不同的用户登录时更改它们，因为这将需要一个全新的预编译、指纹识别和静态 Assets 。

预编译现在对您来说不是问题，因为您处于开发环境中，但在生产环境中将是一个问题。

这是 style 属性更为合适的罕见场景之一!或者，某些页内 Javascript 会更改与您的 div 的类/id/选择器匹配的所有元素的 style 属性。您可以为此使用 asset_url 和/或 image_url:

<img src="placeholder.gif" style="background-image: url(<%= asset_url(...)%>);" />

参见 AssetUrlHelper文档，在任何 Rails View 中都可用!