Load image using AngularJs

Question

I have create a simple web site using angularjs and bootstrap. In one page, I load a static image and I set some botton on this using bootbox.

When I run in local my site using

grunt serve

I see the image with the button on this. When I try to run my site using

http-server -p 9000

I can't see the image, I see only the bottom.

This is my code that load image and button in the HTML page:

<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>

I think that the problem is where I set the path. Thanks all for help.

Where is your root folder located? Where is the maps folder located in relation to the root folder of your server? — lenilsondc
– lenilsondc, Commented Oct 17, 2016 at 16:17
My root folder is /home/jarvis/documents/server and my folder that contains the map is /home/jarvis/documents/server/app/iot/maps, map is in the folder of the project — user3836982
– user3836982, Commented Oct 17, 2016 at 16:22

lenilsondc · Accepted Answer · 2016-10-17 18:39:53Z

1

I think you are pointing your folder to the wrong path. So, you can try setting your src like the below code and it should work fine. As you mentioned your maps folder is /home/jarvis/documents/server/app/iot/maps I'm suposing it's your root folder is /home/jarvis/documents/server, then in relation to your root the maps folder should look like:

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

edited Oct 17, 2016 at 18:39

answered Oct 17, 2016 at 16:31

lenilsondc

9,8303 gold badges27 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

user3836982 Over a year ago

Thanks, it return me the 404 error , image not found.

lenilsondc Over a year ago

Where is the index.html file located?

user3836982 Over a year ago

It is in the folder /home/jarvis/documents/server/app

lenilsondc Over a year ago

Can you try this path instead iot/maps/MappaWifi.jpg?

user3836982 Over a year ago

Which path? if i use /home/jarvis/documents/server/app, image is not load because it isnt define

|

Collectives™ on Stack Overflow

Load image using AngularJs

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related