在CSS中使用可变图像-访问';图像';来自mongodb中的用户模式

在CSS中使用可变图像-访问';图像';来自mongodb中的用户模式,css,mongodb,image,ejs,Css,Mongodb,Image,Ejs,我正在创建的应用程序中使用mongodb,我的用户模式设置如下: var UserSchema = new mongoose.Schema({ username: String, password: String, image: String }); .user-img-landing { width: 200px; height: 200px; border-radius: 50%; margin-top: 50px; bord

我正在创建的应用程序中使用mongodb,我的用户模式设置如下:

var UserSchema = new mongoose.Schema({
    username: String,
    password: String,
    image: String
});
.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;
}
在登录页上,我需要显示用户图像,但我希望它是圆形的。我已在登录页上使用CSS保留了一轮
div
,如下所示:

var UserSchema = new mongoose.Schema({
    username: String,
    password: String,
    image: String
});
.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;
}

但是,我不确定如何将用户图像传递到
背景图像中。在我的
ejs
文件中,显然我是通过
访问它的,但是我如何在CSS文件中做到这一点呢?

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