错误：无法加载资源 - 在tomcat中

Question

我开发了一个画廊部分，用户可以在其中滑动图像。功能正常。但是tomcat服务器无法找到图像文件。根据目录结构，似乎URL是正确的，容器应该获取图像，但它显示文件未找到错误。

我添加了错误以及我的目录结构。

这是错误

https://www.dropbox.com/s/blx0d4ftowfhnwz/Capture.PNG?dl=0

这是目录结构

https://www.dropbox.com/s/sicqzvvhcr1eu3w/01.PNG?dl=0

容器只能加载9.jpg和12.jpg文件。

这是加载图片的代码

var Gallery_Images = ["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg","7.jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg","13.jpg"];
var path = "Static/Resources/Gallery_Images/";

$(this).children(1).attr("src",path+Gallery_Images[val]);

我还尝试在web.xml中映射mime类型。但是没有解决问题。

<mime-mapping>
  <extension>JPG</extension>
  <mime-type>image/jpeg</mime-type>
</mime-mapping>

<mime-mapping>
  <extension>jpg</extension>
  <mime-type>image/jpeg</mime-type>
</mime-mapping>

如果有人帮助我，那就太棒了。谢谢

Answer 1

通常情况下，当发布没有正确发生时会出现这种问题，因为服务器能够加载几个图像而不能加载其他图像。

建议您构建war文件并进行部署以查看此问题是否仍然存在。

Answer 2

我认为问题在于文件扩展名。卸载的图像扩展名为大写。因此，我建议您尝试将扩展名更改为小写。检查下图。

我可以给你的另一个解决方案（但我不建议这个，因为我强烈建议有文件名和小写扩展名。）

  

var Gallery_Images =   [ “1.JPG” 的 “2.JPG”， “3.JPG”， “4.JPG”， “5.JPG”， “6.JPG”， “7.JPG”，” 8.JPG”， “9.jpg” 的 “10.JPG”， “11.JPG”， “12.JPG” ，<强> “13.JPG” ];