title: Why are images shown on server but not on localhost?
body: <p>An image is shown correctly when uploaded to the deployment server, via the following HTML.</p>
  <pre><code>&lt;img width=&quot;516&quot; height=&quot;730&quot; class=&quot;theCanvas img-fluid&quot; style=&quot;transform-origin: 50% 50%;
  transition:transform 200ms ease-in-out; cursor: move; transform: matrix(1, 0, 0, 1, 0, 0);&quot;
  draggable=&quot;false&quot; src=&quot;../uploads/Scans/uploadedImage.jpg&quot;&gt;
  </code></pre>
  <p>But the image is not displayed when running the application from localhost (Eclipse, Tomcat) and uploading the image from there.</p>
  <p>It is not displayed even if I edit the source (via F12 development tools to edit the src tag)</p>
  <pre><code>http://localhost:8080/contextRoot/uploads/Scans/uploadedImage.jpg
  </code></pre>
  <p>Nor is it displayed even if I try and give the complete source to where the file is located in Eclipse</p>
  <pre><code>C:\Users\myUser\eclipse-workspace\contextRoot\uploads\Scans\uploadedImage.jpg
  </code></pre>
  <p>(Although I think this last issue is due to cross-domain issues, as if I try and do change the src attribute using jquery then I get 'Access Denied')</p>
  <p>Any ideas?</p>