2012-11-24 137 views
-1

我在是新的Ubuntu,以及使用LAMPP上,我的問題是,我的應用程序的圖像文件夾中存儲圖像後,圖像不會在HTML文件中顯示(圖像不找到)。本地主機文檔根目錄爲/opt/lampp/htdocs/,我的根文件夾是f_21如果我使用下面的鏈接圖像不顯示HTML頁面

http://localhost/f_21/index.html // not works 

但是圖像顯示效果很好,如果我使用下面的鏈接:

file:///opt/lampp/htdocs/f_21/index.html // but it works 

任何想法?

+0

什麼是「不顯示」是什麼意思?你是否在http服務器日誌文件中出現錯誤?你有空的頁面嗎?宇宙是否內爆?測試如果您使用瀏覽器直接查詢該URL,會發生什麼情況。 – arkascha

+0

你是如何訪問這個網頁的?請複製並粘貼您在地址欄中看到的內容。 – mowwwalker

+0

使用您的瀏覽器工具來幫助調試。按f12,看看有什麼問題...... –

回答

0

如果圖像的鏈接是基於file協議的基於文件系統的絕對路徑,那麼當通過http查看html頁面時,您將無法加載它。

Chrome不支持(我不確定其他瀏覽器)是否允許在使用http請求的文件中加載本地資源。

如果您使用的是chrome,則可以按ctrl + shift + j查看控制檯,該控制檯將顯示任何錯誤。您可能會看到類似於:Not allowed to load local resource

解決方法是將圖像的src更改爲相對於其所在的html頁面。

1

您應該保留圖像和index.html文件在htdocs下。

你,把你的index.html和圖像文件下的img標籤的f_21文件夾和更新src屬性在您的index.html