title: Multer doesn't display
body: <p>I am using multer, MongoDB, and expressjs but the problem is about multer. Because I can upload my images to my <code>public/uploads/</code> folder but I cannot show it in my webpage.</p>
  
  <p>Here when I do <code>console.log(article.img)</code>, I get <code>public\uploads\image.png</code>:</p>
  
  <p>Then this is the part of my <code>route.js</code>:</p>
  
  <pre><code>const storage = multer.diskStorage({
    destination: function (req, file, cb) {
      cb(null, 'public/uploads')
    },
    filename: function (req, file, cb) {
      cb(null, file.originalname)
    }
  })
  const upload = multer({storage: storage})
  
  [...]
  
  router.post('/add',upload.single('img'),  function(req, res){
  var article = new Article({
      title: req.body.title,
      author: req.user._id,
      img: req.file.path,
      body: req.body.body,
     });
  </code></pre>
  
  <p>This is my coded to get single article:</p>
  
  <pre><code>router.get('/:id', function(req, res){
    Article.findById(req.params.id, function(err, article){
      //User.findById(article.author, function(err, user){
        res.render('article', {
          article:article,
          //imagePath: article.img,
          //author: user.name
        });
      });
    });
  </code></pre>
  
  <p>This is my relevant <code>add_article.pug</code> page:</p>
  
  <pre><code>extends layout
  
  block content
    h1 #{title}
    form(method='POST',  enctype = "multipart/form-data", action='/articles/add')
      #form-group
        label Title:
        input.form-control(name='title', type='text')
        #form-group
        label Author:
        input.form-control(name='author', type='text')
      #form-group
        label Body:
        textarea.form-control(name='body')
      .file-field.input-field(method="post")
        .btn.grey
          label File
          input(name='img', type='file', enctype="multipart/form-data")
      br
      input.btn.btn-primary(type='submit',value='Submit')
  </code></pre>
  
  <p>**Also this is my <code>article.pug</code>:</p>
  
  <pre><code>extends layout
  
  block content
    br
    //h5 Written by #{author}
    h1= article.title
    p= article.body
    img.img-responsive(src=article.img, alt=article.img)
  </code></pre>
  
  <p>There are some articles that you upload and you can write title, author, body, and add an image to that article. Just like it happens in medium or in webwhatsapp.</p>
  
  <p>This is my file information:</p>
  
  <pre><code>{ fieldname: 'img',
    originalname: 'image.png',
    encoding: '7bit',
    mimetype: 'image/png',
    destination: 'public/uploads',
    filename: 'image.png',
    path: 'public\\uploads\\ateş ulsuu.png',
    size: 4084 } [Object: null prototype] {
    title: 'ZAİB SİTESİ DENEME',
    author: 'ALP EREN GÜL',
    body: 'asdasdsad' }
  </code></pre>
  
  <p>As you can see I have title, author, and body also I have image. But I cannot understand why I cannot implement it to my webpage.</p>