img src路徑在Ionic v1

即時使用離子版v1 這是我的文件夾結構。img src路徑在Ionic v1

www\tempaltes\acct\

下我ACCT文件夾，我有ACCT-home.html的和patient_default.png

我嘗試使用ACCT家庭顯示我patient_default.png這段代碼。

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

注意ACCT-home.html的和patient_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">

它說明不了什麼。

來源

2017-04-14 markhamknight

我認爲根文件夾（啓動應用程序的位置）與acct-home.html的文件夾不同。嘗試從index.html – Zooly

@HugoTor編寫路徑，這工作先生！非常感謝你。我還有一個問題。如何在www文件夾外引用圖像？ – markhamknight

不錯，我已經發布了答案。我建議你留在www文件夾中。但是如果你需要出門，只需使用'../ path' – Zooly

與src="patient_default.png"種類只有當你在索引或應用程序啓動視圖....只是你的情況下，你需要訪問從子文件夾。爲此，你需要顯示正確的路徑src屬性，如src="../your image containingfolder /logo.png"這就像是反過來顯示方向一樣。

併爲您的更新 你需要增加../到那個文件夾一樣想如果"../your image containingfolder /logo.png"從您的www文件夾中顯示您需要添加一個更像01到accees他們，但要確保它們可在該位置

來源

2017-04-14 08:44:15

非常感謝你的回答！：D 我有另一個問題我有這個文件夾結構。根 --API --www --templates --acct - ACCT-home.html的我如何進入我的API文件夾中的形象？ – markhamknight

是上面提到的像根文件夾有API文件夾的確切路徑，並且API文件夾包含WWW .......這樣或其中任何一個都是根文件夾？ –

我更新了我的問題，非常感謝你的時間和幫助：d – markhamknight

不要用你的模板文件夾的絕對路徑頭。

使用index.html相反，它會工作！

index.html將使用.html模板，但對於Ionic，引用始終是index.html。

來源

2017-04-14 08:44:07 Zooly

說Foo是我的項目文件夾。 so Foo包含www文件夾和patient_default.png 當我嘗試使用「../patient_default.png」它顯示nothin – markhamknight

作爲說Sa e Chowdary，你需要再添加一個../ – Zooly

在www\img創建一個文件夾，然後在此文件夾中保存patient_default.png後

試試這個

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

來源

2017-04-14 08:44:47

img src路徑在Ionic v1

回答

相關問題