Xử lý form trong Express

npm i --save body-parser multer

var express = require('express');
var bodyParser = require('body-parser');
var multer = require('multer');
var upload = multer();
var app = express();

// parsing application/json
app.use(bodyParser.json()); 

//  parsing application/xwww-
app.use(bodyParser.urlencoded({ extended: true })); 
//form-urlencoded

//  parsing multipart/form-data
app.use(upload.array()); 

app.listen(3000);

app.post('/', function(req, res){
   console.log(req.body); //Data sẽ ở đây
   res.send("recieved your request!");
});

form-freetuts/
--- app.js
--- uploads/
--- view/
-------form.pug
-------info.pug

npm i --save express multer body-parser pug

html
head
    title Form - Freetuts.net
    meta(http-equiv="Content-Type", content="text/html;charset=UTF-8")
    link(href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css", rel="stylesheet")
body
    div.container
        .card(style = "margin-top: 5%;")
            h3.card-header Xử lý Form - Freetuts.net
            .card-body
                form(action="/", method="post", enctype="multipart/form-data")
                    .form-group
                        label(for="name") Họ và tên
                        input.form-control(type="text", name="name", placeholder="Nguyễn Văn Trí", required)
                    .form-group
                        label(for="age") Tuổi
                        input.form-control(type="number", name="age", placeholder="19", required)
                    .form-group
                        label(for="gender") Giới tính
                        select.form-control(name="gender", required)
                            option(value="Nam") Nam
                            option(value="Nữ") Nữ
                    .form-group
                        label(for="avatar") Ảnh đại diện
                        input.form-control(type="file", name="avatar", required)
                    button.btn.btn-block.btn-success(type="submit") Gửi

html
head
    title Form - Freetuts.net
    meta(http-equiv="Content-Type", content="text/html;charset=UTF-8")
    link(href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css", rel="stylesheet")
body
    div.container
        .card(style = "margin-top: 5%;")
            h3.card-header Kết quả
            .card-body
                ul.list-group  
                    li.list-group-item Họ tên:  #{body.name}
                    li.list-group-item Tuổi:  #{body.age}
                    li.list-group-item Giới tính #{body.gender}
                    li.list-group-item Avatar  
                        img(src="/uploads/" + file.filename +"", alt=file.originalname)

const express = require("express");
const app = express();
const bodyParser = require("body-parser");
const multer = require("multer");

const storage = multer.diskStorage({
  destination: (req, file, cb) => {
    cb(null, __dirname + "/uploads"); //Đường dẫn upload ảnh
  },
  filename: (req, file, cb) => {
    //File lúc này sẽ được lưu vào vùng nhớ tạm thời
    cb(null, Date.now() +"_" +  file.originalname);
  }
});
const upload = multer({ storage: storage });

/*
 - Bắt đầu khai báo middleware
*/
//Khaiai báo static folder
app.use(express.static('./uploads'));

//Khai báo đường dẫn đến thư mục chứa các template
app.set("views", "./views");
//Khai báo templateEngine sử dụng
app.set("view engine", "pug");
// parsing application/json
app.use(bodyParser.json());
//  parsing application/xwww-
app.use(bodyParser.urlencoded({ extended: true }));
/*
 - Kết thúc khai báo middleware
*/

//Khởi tạo router get
app.get("/", (req, res) => {
  res.render("form");
});

//Khởi tạo router post

app.post("/", upload.single("avatar"), (req, res) => {
  const { body, file } = req;
  console.log(file)
  res.render("info", { body, file });
});

app.listen(8080);

node app