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

【问题标题】：How to set image from models in css django 1.11.x?如何从 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 %}。

标签： python css django

【解决方案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 文件。看看这里stackoverflow.com/a/10970037/709897