Question

我正在尝试将本地图像作为背景图像加载到CSS中。我的文件夹结构如下，

MyApp
    Public
        index.html
    html
        template.html
    images
        myimage.png
    javascripts
    stylesheet

从公共文件夹加载index.html，然后单击，从html文件夹加载template.html。在template.html我已经定义了这样的css，

textarea{
<!-- background-image: url(http://i.imgur.com/2cOaJ.png); -->
background-image: url('../images/myimage.png');
background-attachment: local;
background-repeat: no-repeat;
padding-left: 35px;
padding-top: 10px;
border-color:white;
background-color: white; 
height:90%;
width:95%;
resize: none;
outline-width: 0;
}

并在template.html中将其称为

<div id="bodydata" class="tabcontent" >
      <textarea rows="5" ng-model="description"></textarea>
</div>

当我从网络"background-image: URL(http://i.imgur.com/2cOaJ.png);"拍摄图像时效果很好但是当我更改为本地图像时它不起作用，这只是下载并保存为本地副本的相同图像。

background-image: url('../images/myimage.png');

我希望将其作为本地服务器，因为服务器可能没有互联网连接。那么如何以正确的方式参考图像。我尝试过很多东西，如单引号，双引号，没有引号，但它没有用。请建议。

提前致谢。

Answer 1

您的网络服务器如何设置？你的网络服务器在哪里运行？

根据这些答案，您应该能够通过调整CSS来实现所需的结果：

router.use(express.static(path.join('webpage')));

var bodyParser = require('body-parser');

router.use(bodyParser.urlencoded({ extended: true }));

router.post('/api/auth', function(req, res){
  console.log(req.body);
  console.log(req.body.username + ":" + req.body.password);
});

因此，例如，如果您的Web服务器在/ MyApp中运行，并且配置为允许提取静态文件（例如，匹配此模式的文件/images/*.png），那么上面的答案应该有效。 / p>

Angularjs如何在模板html中引用本地图像

1 个答案: