图像在本地加载，但不在Web服务器上

Question

在这里四处寻找，但仍未找到答案。

我正在处理的网站存在问题。网站完全独立于一个文件夹中。试图在网站上引用一个图像作为视差部分。在主css文件中引用如下：

#services {
background-image: url("../images/dark.JPG");}

主要css文件位于maindir / css中。我正在寻找的图片位于maindir / images /.

它在本地工作，所以我尝试将整个文件夹上传到我的测试域。但是，当我加载网站时，这个特定的图像不会出现。我可以在FileZilla中确认上传的文件没有问题，并且可以下载并确认该文件完好无损。其他图像加载没有问题，但尝试用任何其他图像替换此特定图像产生相同的结果。

这可能是我的错误或可能是我的虚拟主机问题吗？通过Lunarpages并且之前发生了一些像这样的随机错误事件，但是我想知道从哈哈开始是否是我自己的无能。同样，计算机上的任何地方都没有存储任何内容 - 所有内容都是网站其余部分所在的文件夹。

Answer 1

就像我在评论中所说，这是一个大写问题。在本地计算机上，文件系统不区分大小写，使用“JPG”访问以“jpg”结尾的文件没有问题。但是，在Apache服务器上，大小写很重要。

http://nearsighted.ninja/images/dark.jpg加载
http://nearsighted.ninja/images/dark.JPG无法加载！

解决方案：使用小写的“jpg”在css中完全按原样写入文件名。 （或者，重命名文件。）

Answer 2

您可能正在使用Windows计算机进行开发，并在Linux计算机上进行部署。 Windows文件系统不区分大小写，因此.jpg和.JPG和.Jpg都是相同的。

在您正在部署的Linux上，文件系统通常区分大小写。这意味着xxx.jpg和xxx.JPG被解释为不同的文件。

在开发和部署中使用相同的环境总是更好。您可以安装虚拟机以在本地测试您的工作。