从前端上传图像文件时,POST方法给出未定义的信息

时间:2019-01-18 02:04:57

标签: node.js express multer

我正在尝试在节点应用程序中上传图像文件,但是console.log(req.file)给了我未定义的信息。

const upload = multer({dest: 'uploads/'});

app.post('/article', upload.single('articleImage'), (req, res, next) => {
  console.log(req.file); //Getting undefined here.
  let article = new Article();
  article.title = req.body.title;
  article.author = req.body.author;
  article.body = req.body.body;

  article.save(err => {
  if(err){
     console.log(err);
     return;
  } else {
     res.redirect('/');
    }
  });
});

下面是我用来上传文件时的html代码。

<form class="product-form" action="/article" method="POST" enctype="multipart/formdata">
            <div class="form-group">
                <label for="Title">Title</label>
                <input class="form-control" type="text" name="title" id="title">
            </div>
            <div class="form-group">
                <label for="Author">Author</label>
                <input class="form-control" type="text" name="author" id="author">
            </div>
            <div class="form-group">
                <label for="Body">Body</label>
                <textarea class="form-control" type="text" name="body" id="author" rows=5></textarea>
            </div>
            <div class="form-group">
                <input class="form-control" type="file" name="articleImage" id="file">
            </div>

            <button class="btn btn-primary" type="submit" value="Submit">Add Product</button>
</form>

0 个答案:

没有答案