title: Error: Failed to Load Resources - in tomcat
body: <p>I have developed a gallery section where the user can slide images. The functionality is working fine. But the tomcat server is failing to find the image files. According to the directory structure, it seems the URL is ok where container should get the images but it's showing file not found error. </p>
  
  <p>I have added the error and also my directory structure.</p>
  
  <p>This is the error</p>
  
  <p><a href="https://www.dropbox.com/s/blx0d4ftowfhnwz/Capture.PNG?dl=0" rel="nofollow noreferrer">https://www.dropbox.com/s/blx0d4ftowfhnwz/Capture.PNG?dl=0</a></p>
  
  <p>This is the directory structure</p>
  
  <p><a href="https://www.dropbox.com/s/sicqzvvhcr1eu3w/01.PNG?dl=0" rel="nofollow noreferrer">https://www.dropbox.com/s/sicqzvvhcr1eu3w/01.PNG?dl=0</a></p>
  
  <p>The container can only able to load 9.jpg and 12.jpg files. </p>
  
  <p>This is the code to load images</p>
  
  <pre><code>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]);
  </code></pre>
  
  <p>I have also tried to map the mime type in web.xml.But that didn't solve the problem.</p>
  
  <pre><code>&lt;mime-mapping&gt;
    &lt;extension&gt;JPG&lt;/extension&gt;
    &lt;mime-type&gt;image/jpeg&lt;/mime-type&gt;
  &lt;/mime-mapping&gt;
  
  &lt;mime-mapping&gt;
    &lt;extension&gt;jpg&lt;/extension&gt;
    &lt;mime-type&gt;image/jpeg&lt;/mime-type&gt;
  &lt;/mime-mapping&gt;
  </code></pre>
  
  <p>It would be great if someone helps me on this.Thanks</p>