使用Pug / Jade和node.js显示图像

时间:2017-10-24 16:43:26

标签: html node.js pug

我想在导航栏中显示已登录用户的头像,但每次我收到带有URL的错误404: http://localhost:3000/uploads/avatars/avatar_test3.jpeg 我的哈巴狗代码是:

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

user.avatar给了我:uploads/avatars/avatar_test3.jpeg 我也试过了:

  • img(src='../' + user.avatar)
  • img(src='./' + user.avatar)
  • img(src='/' + user.avatar)

每次都出现同样的错误

目录层次结构:

/
 -uploads
    -avatars
       -avatar_test3.jpeg
  -views
    -layout/pug //the template I'm using 

我也试过将avatar_test3.jpeg文件直接移动到视图目录但没有任何成功。

我该如何解决?

1 个答案:

答案 0 :(得分:3)

你得到了哪个错误?如果是http 404,则应通过快递:http://expressjs.com/en/starter/static-files.html

公开上传文件夹

类似的东西:

app.use('/uploads', express.static('uploads'))