HTML图像src区分大小写

Question

我有大写的图像文件夹名称。但是src是小写的，所以这不是加载图像。

我无法将所有图片文件夹设为小写，因此我想更改代码以采用不区分大小写的路径。

我有这样的链接：

<a href="http://www.google.com">
  <img id="productMainImage" src="images/Tulips.jpg" alt="image" escapeXml="false" class="product_main_image"/>
</a>

我想让图像src不区分大小写;意思是我想要我的 代码即使src ="IMAGES/Tulips.jpg"也可以使用。

如何解决此问题？

Answer 1

您可以使用JS使用toLowerCase()执行此操作，或者您需要自己重命名。

此外，它取决于服务器，并且HTML 与此无关，UNIX服务器区分大小写，而Microsoft服务器不区分大小写< / em>的

此外，如果您使用任何服务器端语言（如PHP），您也可以使用strtolower()，这会更好，因为客户端可以关闭JavaScript，您的页面将无法呈现图像。

Answer 2

我认为您可以使用.htaccess和RewriteRule根据请求更改路径。 像这样：

RewriteRule ^IMAGES/(.*)\.(jpg|jpeg|gif|png)$ images/$1.$2

Answer 3

这实际上取决于您的Web服务器运行的操作系统 - 例如，OSX在文件系统上不区分大小写，但Linux是。

你可以创建一个正则表达式来重写请求 - apache提供mod_rewrite - 但我发现最好创建一个约定并坚持下去 - 我认为事情会区分大小写，所以如果我移植网站我没有任何的问题。