Question

我使用angularjs和bootstrap创建了一个简单的网站。在一个页面中，我加载了静态图像，并使用bootbox在此设置了一些按钮。

当我使用

在本地网站上运行时

grunt serve

我看到图像上有按钮。当我尝试使用

运行我的网站时

http-server -p 9000

我看不到图像，我只看到底部。

这是我在HTML页面中加载图片和按钮的代码：

<div class="row">
    <div class="col-lg-12">
        <img src="../maps/MappaWifi.jpg" alt="img_source" title="img_source" style='height: 100%; width: 100%; object-fit: contain'>
        <button class="btn btn-primary btn-xs Arduino1ZN" alt="Arduino1ZN" ng-click="mapsPageCtrl.Arduino1ZNCtrl()">Arduino1</button>
        <button class="btn btn-primary btn-xs Arduino2ZN" alt="Arduino2ZN" ng-click="mapsPageCtrl.Arduino2ZNCtrl()">Arduino2</button>

    </div>
</div>

我认为问题出在我设置路径的地方。谢谢大家的帮助。

Answer 1

我认为您将文件夹指向错误的路径。因此，您可以尝试像下面的代码一样设置src，它应该可以正常工作。如你所说，你的地图文件夹是/home/jarvis/documents/server/app/iot/maps我说你的根文件夹是/home/jarvis/documents/server，那么就你的根而言，地图文件夹应该是这样的：

<img src="iot/maps/MappaWifi.jpg" ...

使用AngularJs加载图像

1 个答案: