title: Reload image from directory only when image changed
body: <p>I have an FTP server which gets an image pushed to it from an Android application of mine when a picture is taken from the camera. The image being pushed to the FTP server has the same name each time (testImg.jpg), so for each image that is captured and sent to the FTP server, the image gets overwritten. </p>
  
  <p>What I'd like to do, is... display the image from the FTP directory to a webpage each time it is a new image, i.e. each time testImg.jpg is overwritten, reload the page to show new testImg.jpg image.</p>
  
  <p>I've done very minimal work with Javascript, and I'm not too sure how to go about doing this. I feel really stuck and clueless.</p>
  
  <p>This is what I have so far in my live.html file (very minimal and doesn't do anything but show an image...):</p>
  
  <pre><code>&lt;html&gt;
  &lt;link href="style.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script type="text/javascript" src="jquery-2.1.3.js"&gt;&lt;/script&gt;
  &lt;body style="background-color:#eeeeee;"&gt;
      &lt;div id="imgdiv"&gt;
          &lt;img src="C:/inetpub/ftproot/testImg.jpg" id="img" onload="loadImg()" width="960" height="540"&gt;
      &lt;/div&gt;
      &lt;script type="text/javascript"&gt;
  
      function loadImg() {
          alert('Image loaded');
      }
      //img = new Image();
      //img.src = "C:/inetpub/ftproot/testImg.jpg"
  
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any help is really appreciated!</p>