Javascript 将带有图像路径值的Json文档插入css背景属性_Javascript_Css_Json_Mongodb

Javascript 将带有图像路径值的Json文档插入css背景属性

javascript css json mongodb

Javascript 将带有图像路径值的Json文档插入css背景属性,javascript,css,json,mongodb,Javascript,Css,Json,Mongodb,我有一个mongodb数据库，其中的文档具有如下设置的img值： “img”：“./文件夹/img.jpg” 是否可以在我的css中使用此字符串来更改背景图像？我需要这样做，因为图像应该随json文档中的其他值一起更改。假设您在检索图像字符串表单mongodb时知道如何在html中应用背景图像：当您无法动态构建css时，您可以在构建html页面时将其应用于html元素： <!-- Element which needs a dynamic background image, for ex

我有一个mongodb数据库，其中的文档具有如下设置的img值：

“img”：“./文件夹/img.jpg”

是否可以在我的css中使用此字符串来更改背景图像？我需要这样做，因为图像应该随json文档中的其他值一起更改。

假设您在检索图像字符串表单mongodb时知道如何在html中应用背景图像：

当您无法动态构建css时，您可以在构建html页面时将其应用于html元素：

<!-- Element which needs a dynamic background image, for example a div -->
<div style="background-image: url('../folder/img.jpg');">
<div>

html

<div id="myelement">
</div>

创建一条服务于动态css的路由：

example.com/myuser/mycss/1

根据mongodb中的数据，您可以创建一个逻辑来返回css：

function mycss(req, res) {
    MyImgs..find({
       where: {
         _id: req.params.id
       }
    }).then(function(singleDoc){
          var cssContent = ' #myimg {background-image: url('+singleDoc.img+'); }';

          res.contentType('text/css');
          return res.end(cssContent);
    });
}

请注意，这是一个使用nodejs/express的控制器操作示例。

在头部标签上，您可以添加如下内容：

<head>
   <link type="text/css" src="example.com/myuser/mycss/1" />
</head>

类似这样的背景图像：url（'../folder/img.jpg'）？我没有“错”，我问了一个问题，因为我不明白他是什么asking@dylan你在用nodejs吗，快车？还是其他技术？@Pabs123，我不认为这是个问题。他希望以任何方式从mongodb获取图像url路径并从中创建动态样式。@ViníciusFagundes我使用nodejsthanks作为答案，但这与我的问题无关

<head>
   <link type="text/css" src="example.com/myuser/mycss/1" />
</head>