如何从 css django 1.11.x 中的模型设置图像？

Posted 2023-02-24

【中文标题】如何从 css django 1.11.x 中的模型设置图像？

【英文标题】：How to set image from models in css django 1.11.x?

【发布时间】：2018-03-30 11:22:13

【问题描述】：

我尝试在 css 文件中插入用户之前注册的图像。

我的模型

class Basics(models.Model):
    ...
    logo = models.ImageField('Logo')
    ...

我的上下文处理器

# -*- conding:utf-8 -*-

from .models import Basics

def general(request):
    try:
        sitebasics = Basics.objects.get(pk=1)
    except:
        sitebasics = False
    context =  
        'sitebasics': sitebasics,
    
    return context

我的 css 文件

  % load thumbnail %

  ...

  .header-full-title 
    float: left;
    overflow: hidden;
    padding-left: 75px;
    background-image: url(" sitebasics.logo|thumbnail_url:'logo_large' ");
    background-repeat: no-repeat;
    background-position: left center;
  

检查 html 的输出是：

.header-full-title 
    float: left;
    overflow: hidden;
    padding-left: 75px;
    background-image: url( sitebasics.logo|thumbnail_url:'logo_large' );
    background-repeat: no-repeat;
    background-position: left center;

所以在渲染时不要放图片的路径，而是把 sitebasics.logo|thumbnail_url:'logo_large' 作为css的原始文本。

渲染 HTML 时如何在 css 文件中加载图像？

【问题讨论】：

这通常不是您修改 css 类的方式。你在这座庄园里这样做是有原因的吗？您通常会将 css 类和图像存储在 myproject/myproject/static/img 和 .../static/css 中，然后从 html 模板 % load static % 加载样式表并拉取所需的图像。你甚至可以在模板中% if test %。

【参考方案1】：

Django 不在 css 中渲染。

如果你想改变背景图片，最好在模板内写：

内模板：

<div class="header-full-title" style="background-image: url(' sitebasics.logo|thumbnail_url:"logo_large" ');"></div>

您也可以创建动态css，但不是这样，因为您只需要更改一个属性。

【讨论】：

是否有一些属性具有相同的图像，但我发布了一个示例，并且在 css 中有更多的五个 class 和 id 来做同样的事情，区别是 with 和 height 图像.

如果您有多个属性要更改，并且每个属性都有不同的元素，您可以更改它们，那么您可能可以动态呈现 css 文件。看看这里***.com/a/10970037/709897