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 服务器不区分大小写。

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