title: Cannot load html image using localhost node.js/express.js server
body: <p>I'm using the following node.js/express.js server,</p>
  
  <p>index.js:</p>
  
  <pre><code>const express = require('express');
  const path = require('path');
  
  const app = express();
  
  app.get('/', function(req, res) {
      res.sendFile(path.join(__dirname + '/index.html'));
  });
  
  app.listen(8000, function () {
      console.log('Listening on port: 8000!');
  });
  </code></pre>
  
  <p>and the following html file,</p>
  
  <p>index.html:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt; 
  &lt;head&gt; 
      &lt;title&gt;Will Alley&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;style type="text/css"&gt;
          img {
              width: 100%;
              height: 100%;
          }
      &lt;/style&gt;
      &lt;h2 id="myName"&gt;Will Alley&lt;/h2&gt;
      &lt;img src="./DSC_1546_700_464.jpg" alt="an image."&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>all my files (index.js, index.html, DSC_1546_700_464.jpg) are in the same directory.</p>
  
  <p>when I start my server and navigate to "localhost:8000" all that is displayed is the heading, and the images alt text.</p>
  
  <p>Any help is greatly appreciated.</p>