2017-04-14 6 views
3

im is ionic v1 これは私のフォルダ構造です。私ACCTフォルダの下img src path in Ionic v1

www\tempaltes\acct\ 

、私はACCT-home.htmlおよび使用ACCT-家庭に私のpatient_default.pngを表示しようとpatient_default.png

イムを持っていますこのコード。

<img src="patient_default.png" alt="Test" width="100px" height="100px"> 

ACCT-home.htmlpatient_default.pngが同じフォルダにあることに注意してください。 しかし、正しく表示されません。 これは間違っていますか?あなたの助けは本当に感謝します。

更新質問:

が、これは私のフォルダ構造

root 
    --API 
     --patient_default.png 
    --Www 
     --templates 
     --acct 
      --acct-home.html 

である私はそれが何を示していない

<img src="../../API/patient_default.png" alt="Test" width="100px" height="100px"> 

を使用してみました。

Folder Structure

+1

私はルートフォルダ(どこにアプリケーションが起動される)はacct-home.htmlのフォルダと同じではないと思います。 @hugoTorのindex.html – Zooly

+0

からパスを書き込んでみてください!どうもありがとうございました。もう一つの質問があります。どのように私はwwwフォルダの外のイメージを参照するのですか? – markhamknight

+0

いいえ、私は答えを投稿しました。私はあなたがwwwフォルダに留まるようアドバイスします。しかし、あなたが外出する必要がある場合は、単に使用して '../ path ' – Zooly

答えて

3

src="patient_default.png"種類の場合は、インデックスまたはアプリの開始ビューにアクセスする必要があります。しかし、あなたの場合はサブフォルダからアクセスする必要があります。そのためには、src="../your image containingfolder /logo.png"のようなsrc属性の正しいパスを表示する必要がありますこれは逆の方向を示すのと同じです。

そして、あなたの更新 のためにあなたが想定するような、そのフォルダまで../を増やす必要が"../your image containingfolder /logo.png"があなたのwwwフォルダから示している場合、あなたはその場所でそれらをacceesが、それらが利用可能であることを確認するために"../../your image containingfolder /logo.png"などの1以上を追加する必要があります

+0

ありがとう回答! :D 私は別の質問があります 私はこのフォルダ構造を持っています。 ルート --API --www --templates --acct - ACCT-home.html 私は私のAPIフォルダ内の画像にアクセスする方法を教えてください。 – markhamknight

+0

上記は、APIフォルダを持つルートフォルダのような正確なパスであり、そのAPIフォルダにはWWWが含まれているということです.......このようなものか、これらのいずれかがルートのサブフォルダですか? –

+0

私の質問が更新されました。ありがとうございました.D – markhamknight

3

絶対パスヘッドとして、テンプレートフォルダを使用しないでください。

代わりにindex.htmlを使用してください。

index.htmlは.htmlテンプレートを使用しますが、Ionicではリファレンスは常にindex.htmlです。

+0

Fooは私のプロジェクトフォルダです。 Fooには、 "../patient_default.png"を使用しようとすると、 という名前のフォルダとpatient_default.pngが含まれています。 – markhamknight

+0

と表示されているように、もう1つ追加する必要があります./ – Zooly

0

この

<img src="www/img/patient_default.png" alt="Test" width="100px" height="100px"> 
を試してみてください www\imgにフォルダを作成し、その

後、このフォルダにpatient_default.pngを保存