在CSS中使用可变图像-访问';图像';来自mongodb中的用户模式
我正在创建的应用程序中使用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
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中使用该属性