How to Upload Files in Node/Express Application

1npm init --yes
2npm install --save express multer express-handlebars

1const express = require("express")
2const exphbs = require("express-handlebars")
3const multer = require("multer")
4const path = require("path")
5const app = express()
6
7/**
8 *  Source code for multer configuration
9 */
10var storage = multer.diskStorage({
11  destination: function(req, file, cb) {
12    cb(null, path.join(__dirname, "/uploads"))
13  },
14  filename: function(req, file, cb) {
15    console.log("file", file)
16    fileExtension = file.originalname.split(".")[1]
17    cb(null, file.fieldname + "-" + Date.now() + "." + fileExtension)
18  },
19})
20
21var upload = multer({ storage: storage })
22
23app.engine("handlebars", exphbs({ defaultLayout: "main" }))
24
25app.set("view engine", "handlebars")
26
27app.get("/", (req, res) => {
28  res.render("home")
29})
30
31app.post("/upload", upload.single("samplefile"), (req, res) => {
32  let uploadedfile = req.file.fieldname
33
34  if (uploadedfile) {
35    res.json("file uploaded successfully")
36  }
37})
38
39const PORT = 3003
40
41app.listen(PORT, () => {
42  console.log(`app is listening to port ${PORT}`)
43})

1var storage = multer.diskStorage({
2  destination: function(req, file, cb) {
3    cb(null, path.join(__dirname, "/uploads"))
4  },
5  filename: function(req, file, cb) {
6    console.log("file", file)
7    fileExtension = file.originalname.split(".")[1]
8    cb(null, file.fieldname + "-" + Date.now() + "." + fileExtension)
9  },
10})

1var express = require("express")
2var multer = require("multer")
3var upload = multer({ dest: "uploads/" })
4
5var app = express()
6
7app.post("/profile", upload.single("avatar"), function(req, res, next) {
8  // req.file is the `avatar` file and req.body will hold the text fields, if there were any
9})
10
11app.post("/photos/upload", upload.array("photos", 12), function(
12  req,
13  res,
14  next
15) {
16  // req.files is array of `photos` files
17  // req.body will contain the text fields, if there were any
18})
19
20var cpUpload = upload.fields([
21  { name: "avatar", maxCount: 1 },
22  { name: "gallery", maxCount: 8 },
23])
24app.post("/cool-profile", cpUpload, function(req, res, next) {
25  // req.files is an object (String -> Array) where fieldname is the key, and the value is array of files
26  //
27  // e.g.
28  //  req.files['avatar'][0] -> File
29  //  req.files['gallery'] -> Array
30  //
31  // req.body will contain the text fields, if there were any
32})