Create an Express.js route to upload files to the server using Multer middleware.

Question

Aryan Kumar · Answer

Sure, here is the code for an Express JS route to upload files to the server using Multer middleware:

JavaScript

const express = require("express");
const multer = require("multer");

const app = express();

const upload = multer({
  storage: multer.diskStorage({
    destination: "./uploads",
    filename: (req, file, cb) => {
      const name = file.originalname.split(".")[0];
      const ext = file.originalname.split(".")[1];
      const filename = `${name}-${Date.now()}.${ext}`;
      cb(null, filename);
    },
  }),
});

app.post("/upload", upload.single("file"), (req, res) => {
  const file = req.file;
  console.log(file);
  res.send("File uploaded successfully!");
});

app.listen(3000, () => {
  console.log("Server started on port 3000");
});

This code first imports the express and multer modules. Then, it creates an Express app and a Multer instance. The Multer instance is configured to store uploaded files in the ./uploads directory and to use the file's original name with a timestamp as the filename.

Next, the app creates a route that listens on the /upload path. This route uses the upload.single("file") middleware to handle file uploads. When a file is uploaded, the middleware stores the file in the ./uploads directory and then sends a response to the client indicating that the file was uploaded successfully.

Finally, the app listens on port 3000 and logs a message to the console when the server starts.

To run this code, you can create a new Express project and install the multer package. Then, you can copy and paste the code above into a file called app.js. Finally, you can start the Express development server and view the route in your browser.

forum

Create an Express.js route to upload files to the server using Multer middleware.

Can you answer this question?

1 Answers