title: Display image with Pug/Jade and node.js
body: <p>I want to display an avatar of the logged user in the navbar, but everytime I get error 404 with the URL: 
  <code>http://localhost:3000/uploads/avatars/avatar_test3.jpeg</code>
  my pug code is:</p>
  
  <pre><code>ul.nav.navbar-nav.navbar-right
          if user
            li
              a(href='/photos/add') Add photo
            li
              a(href='/users/edit')
                img(src=user.avatar)
            li
              a(href='/users/logout') Logout
  </code></pre>
  
  <p><code>user.avatar</code> gives me: <code>uploads/avatars/avatar_test3.jpeg</code>
  I have also tried with the:</p>
  
  <ul>
  <li><code>img(src='../' + user.avatar)</code></li>
  <li><code>img(src='./' + user.avatar)</code></li>
  <li><code>img(src='/' + user.avatar)</code></li>
  </ul>
  
  <p>The same error every time</p>
  
  <p>The directory hierarchy:</p>
  
  <pre><code>/
   -uploads
      -avatars
         -avatar_test3.jpeg
    -views
      -layout/pug //the template I'm using 
  </code></pre>
  
  <p>I also have tried with move the avatar_test3.jpeg file directly to the view directory but without any success.</p>
  
  <p>How can I resolve it?</p>