title: Image not loading on webpage
body: <p>The image will load when I open the page locally, but when i go to the ip the image is not loaded. the image is in the same directory as the html file.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
      &lt;script type="text/JavaScript"&gt;
      var img = new Image;
  
      img.onload = function(){
          var canvas = document.getElementById("can");
          var context = canvas.getContext("2d");
  
          context.drawImage(img, 0, 0);
          setTimeout(loadImage, 1000);
      };
  
      function loadImage(){
          img.src = 'image.jpg';
      }
  
      &lt;/script&gt;
  
          &lt;title&gt;Page&lt;/title&gt;
      &lt;/head&gt;
      &lt;body onload="JavaScript:loadImage();"&gt;
          &lt;canvas id="can" width="1280" height="720" /&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>