AngularJsを使ってイメージをロード

私はangularjsとブートストラップを使って簡単なWebサイトを作成しました。 1ページでは、静的なイメージを読み込み、ブートボックスを使用してボットンを設定しました。AngularJsを使ってイメージをロード

私は

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>

私はパスを設定どこに問題があると思います。ありがとうございました。

出典

2016-10-17 user3836982

：あなたのマップのフォルダが、私はそれはあなたのルートフォルダが/home/jarvis/documents/serverあるのですsuposingよ/home/jarvis/documents/server/app/iot/mapsで述べたように、その後、あなたのルートとの関係でマップフォルダは次のようになりますか？マップフォルダーはサーバーのルートフォルダーに関連してどこにありますか？ –

私のルートフォルダは/ home/jarvis/documents/serverであり、マップを含む私のフォルダは/ home/jarvis/documents/server/app/iot/mapsです、マップはプロジェクトのフォルダにあります – user3836982

あなたのフォルダが間違ったパスになっていると思います。したがって、あなたはsrcのようなコードを設定しようとするとうまくいくはずです。

ルートフォルダが配置されている

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

出典

2016-10-17 16:31:14

ありがとう、それは私を返します404エラー、画像が見つかりません。 – user3836982

index.htmlファイルはどこにありますか？ –

これは/ home/jarvis/documents/server/appフォルダにあります – user3836982

AngularJsを使ってイメージをロード

答えて

関連する問題