2012-11-24 138 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