HTML图像src区分大小写

我有大写的图像文件夹名称。但是

src

是小写的，所以这不是加载图像

我无法将所有图像文件夹都设置为小写，因此我想更改代码，使其采用不区分大小写的路径

我有这样一个链接：

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

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

我想使图像src不区分大小写；意思是我想要我的 即使是

src=“IMAGES/Tulips.jpg”

，代码也可以工作

---

如何解决此问题？

您可以使用JS通过

toLowerCase（）

来完成此操作，或者您需要自己重命名它们

此外，它取决于服务器，HTML与此无关，UNIX服务器区分大小写，而Microsoft服务器不区分大小写

---

另外，如果您使用的是任何服务器端语言，如PHP，您也可以使用

strtolower（）

，这会更好，因为客户端可以关闭JavaScript，这样您的页面将无法呈现图像。

我想您可以使用.htaccess和RewriteRule根据请求更改路径。 大概是这样的：

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

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

---

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

---

您可以创建一个正则表达式来重写请求-apache提供mod_rewrite-但我发现最好创建一个约定并坚持它-我假设事情是区分大小写的，这样如果我移植站点，我就不会有任何问题。

在HTML中无法做到这一点。实际上，只有对文件系统中的节点名称进行解释才是区分大小写的对MS Windows系统不敏感。其他一些东西是区分大小写的。微软视窗在这方面并不完全是顺理成章的。这是一个黑客。