Question

我在我正在创建的应用中使用mongodb，我的用户架构设置如下：

var UserSchema = new mongoose.Schema({
    username: String,
    password: String,
    image: String
});

在目标网页上，我需要显示用户图片，但我希望它是圆形的。我使用CSS在目标网页上保留了一轮div，如下所示：

.user-img-landing {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin-top: 50px;
    border: 1px solid black;
    background-image: url("??");
    margin: auto;
    background-size: cover;
    border: none;
}

但是，我不确定如何将用户图像传递到background-image。在我的ejs文件中，显然我通过<%=user.image%>访问它，但我如何在CSS文件中执行此操作？

Answer 1

我的建议是使用内联样式而不是CSS文件。这样您就可以直接在ejs中使用该属性。

在CSS中使用变量图像 - 从mongodb

1 个答案: