为什么子目录中的图像不会显示，但如果我将其上移一个级别会显示？答案

【问题标题】：Why won't image in subdirectory show but will if I move it up a level?为什么子目录中的图像不会显示，但如果我将其上移一个级别会显示？
【发布时间】：2013-06-24 14:28:02
【问题描述】：

我刚刚学习网络开发，遇到了一个我似乎无法解决的问题。

我有想在页面上显示的图像，在我的 ftp 中它们位于 book/detailed_image 中

在我的页面上我有 img src

<img src="/new/site/images/book/detailed_image/book_one_detailed_View.jpg">

我检查了多次，来源是正确的。如果我将图像向上移动到 book 目录并更改 src 图像显示正确。

这可能是什么原因？

book和detailed_image目录的文件属性是一样的，都是图片文件的属性。

使用萤火虫说网址加载失败。

【问题讨论】：

你确定连路径的大小写都是正确的吗？如果您尝试直接将 jpg 加载到浏览器中（通过在位置栏中输入完整的 URI），它会显示吗？你的html文件在哪个目录？如果在..detailed_image目录下放一个html文件，在浏览器中能看到吗？你试过其他浏览器吗？而且如果可以用ftp看到文件，能不能把ftp路径放到img src里面，这样行吗？
大小写正确。如果我键入完整的 URL，它不会显示它只显示我的主页。如果我添加一个也只显示主页内容的 html 页面。其他浏览器同理。如果我输入 FTP，它会要求输入密码，当我输入它时，图像不会显示在页面上，但是如果我在 firebug 中突出显示该行，我可以看到图像在那里而不是说“加载 url 失败”
嗯，很奇怪。一定有我们忽略的东西。您的网站上线了吗？我可以看看吗？
抱歉，它不是一个实时站点。

标签： html image web ftp web-deployment

【解决方案1】：

我刚刚解决了我也遇到的问题：似乎子目录“图像”必须与其中包含的图像具有相同的权限。我将文件夹的访问权限更改为“755”并添加以包含所有具有相同权限的子目录，现在它可以工作了！希望它对你也一样......

【讨论】：

【解决方案2】：

这可能不是你的情况，但我遇到了同样的问题 - 我在 images/Paris/p1.png 中的图像出现 404 not found 错误，但如果我将图像移动到它显示的图像文件夹中正确....我通过将“Paris”文件夹的名称更改为“paris”来解决我的问题 - 我不知道为什么但它有效...

【讨论】：

【解决方案3】：

我认为这是文件夹“detailed_image”的权限问题。如果你做一个 chmod 755 detail_image 那么它会起作用。

【讨论】：

【解决方案4】：

如果您的 html 文件与 new 文件夹位于同一位置，则无需在 url 的开头放置正斜杠。

变化：

<img src="/new/site/images/book/detailed_image/book_one_detailed_View.jpg">

收件人：

<img src="new/site/images/book/detailed_image/book_one_detailed_View.jpg">

【讨论】：

我已经尝试过了，但这就是原因。不起作用起作用。只需将图像向上移动一个目录即可正确显示它，路径是正确的，因此它必须与 detail_image 目录有关，但我只是不知道是什么:-(