javascript - ".JPG“和".jpg”用于img src

Question

我通过javascript设置img的src属性，如下所示：

var newimgid = "images/" + fldrid + "/" + id + ".jpg";
document.getElementById('slideimg').setAttribute('src',newimgid);

这在本地很好，但是当我托管时，".JPG“和".jpg”被视为不同的，并且".JPG“图像不会加载，与".JPEG”图像一样。

为什么这在本地而不是服务器上工作呢？

Answer 1

谢谢大家。这对我有用..。

var newimgid = "images/" + fldrid + "/" + id + ".jpg";
document.getElementById('img1').setAttribute('src',newimgid);

img1.onerror = function()
               { var newimgid = "images/" + fldrid + "/" + id + ".JPG"; 
                 document.getElementById('img1').setAttribute('src',newimgid); };

还有别的办法吗？

Answer 2

很可能是在本地使用Windows作为操作系统，而在服务器上则使用Linux。Windows不区分大小写，而Linux则不区分大小写。因此，image.jpg和image.JPG可以在Linux中彼此共存，但在image.JPG中却不能。要解决问题，需要实际修复文件系统上的文件或在代码中正确引用它们。

Answer 3

我假设您正在本地使用windows系统进行开发。Windows不区分大小写，它将.jpg & .JPG或.jpeg & .JPEG视为相同的图像。但是，当您在Linux上承载应用程序(它对文件名大小写敏感)时，假设这两个文件是不同的。

最好的方法是规范您的文件名，而不依赖于操作系统。