2017-03-05 33 views
0

我如何顯示圖像從localhost在簡單的HTML頁面,在Firefox瀏覽器?HTML/CSS:從linux本地主機(火狐)顯示圖像

「file:///home/xuser/work/helico.jpeg」不起作用。

+0

如果文件本身也是從localhost調用的,則不需要「file:」協議。那麼,該文件的網址是什麼? –

+2

最簡單的方法是把你的HTML文檔和圖像放在同一個目錄中,並像''一樣引用它們。或者你可以把圖像放在一個名爲'images'的目錄中或者其他任何地方,並且在HTML中引用它們,例如'' –

+0

localhost是127.0.0.1的網絡主機名...你不能使用file:URL方案訪問它,因爲它完全繞過網絡 – Quentin

回答

1

的你把圖片在您的根文件夾,因爲你要與本地主機

<img src="img/pic.png"> 

合作會更容易些,但如果你想從你的系統localhost上的形象,是之外的某處根文件夾時,它可能會非常緊張,因爲您可能需要知道圖像路徑,並且可能還需要返回一些文件夾。像這樣的東西取決於你的圖像路徑

<img src="../../../../../../../../../image/pic.png"> 

所以它是好的,你把圖像在你的根文件夾,以方便訪問。

+0

請在你的例子中使用我的路徑:'/ home/xuser/work/helico.jpeg' –

0

如果您正在linux中運行它並將其託管在本地,我們假設您的項目位於var/www/html

所以,如果你想訪問/home/xuser/work/helico.jpeg,你需要達到家用/文件夾之前4次拉昇。

要向上移動,請在路徑的開始處使用../。而且,由於您需要向上移動4次,因此在使用前四次使用它,直到/home/xuser/work/helico.jpeg

您的鏈接或路徑應該是../../../../home/xuser/work/helico.jpeg

試試這一個。這可能可能不會工作。

+0

好吧,這不起作用,我只是在html文件夾中創建了一個符號鏈接。 –