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，您的页面将无法渲染图像。