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"，它仍然能够正常工作。

如何解决这个问题？

- vamsi

---

在HTML中没有办法做到这一点。 - Kevin Bowersox

Answer 1

你可以使用JS的toLowerCase()方法��现，或者自己手动修改名称。此外，这取决于服务器，HTML与此无关，Unix服务器是区分大小写的，而Microsoft服务器是不区分大小写的。如果你使用PHP等服务器端语言，也可以使用更好的strtolower()方法，因为客户端可能禁用JavaScript，这样你的页面将无法渲染图片。

- Mr. Alien

---

实际上，在MS-Windows系统中，文件系统中节点名称的解释仅在大小写不敏感。其他一些东西是大小写敏感的。MS-Windows在这方面并不完全一致。这是一个hack。 - arkascha

Answer 2

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

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

- BillyBigPotatoes

Answer 3

我认为你可以使用.htaccess和RewriteRule来更改请求路径。类似于这样：

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

- Manu