时间戳

首页 > 解决方案 > 是否可以使用内联 CSS 来引用 Django 中的动态图像？

python - 是否可以使用内联 CSS 来引用 Django 中的动态图像？

问题描述

对不起，如果标题有点不清楚，我想不出任何其他方式来表达它。

所以我想知道是否可以使用内联 CSS (<div class="" style="background-image: url();"并将动态创建的图像放在那里。所以如果我想让用户上传横幅，我希望 div 的背景图像成为图像。这可能吗？

所以例如

用户上传照片并转到/media/

然后通常要引用它，我会这样做

<img class="user-image" src="{% user.userprofile.image.url %}">

但是，如果我想将其设置为背景图像怎么办。在 CSS 文档中，我想这样做：

.user-image-div {
    background-image: url({% user.userprofile.image.url %})
}

但是，这不起作用。所以我的问题是，是否可以在 HTML 文档中使用内联 CSS 来解决这个问题？

所以喜欢

<div class="user-image-div" style="background-image: url({% user.userprofile.image.url %};)">

<!-- code here -->

</div>

这行得通吗？我目前无法访问 Django，因此我将在几天后对其进行测试

标签： pythondjangodjango-templates

解决方案

内联 css 与该url功能一起使用。您只需要确保您发送的路径类似于：

“/my/user/image/”而不是“ http://www.example.com/my/user/image ”

推荐阅读