File Handling and Uploading in Node.js Using Multer - 🙏 Namaste Node Js

Table of Contents

• Overview
• Implementing Multer
• Key Differences
• Tips of the Day
• Conclusion

Overview

Handling file uploads in Node.js can be quite straightforward with the right tools. Let’s dive into how Multer simplifies this process.

Text Data Handling: Node.js manages textual data from forms using express.urlencoded({ extended: true }). This data is transmitted with Content-Type: application/json.

File Data Handling: For file uploads, we use Content-Type: multipart/form-data because files are non-textual and need special handling.

Implementing Multer

Multer is a powerful middleware for handling multipart/form-data, used for uploading files in Node.js applications. Here’s how to set it up:

1. Create multerConfig.js

Store your Multer configuration in a dedicated file for better organization:

const multer = require('multer');
const path = require('path');
const storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, './public/images');
},
filename: function (req, file, cb) {
cb(null, Date.now() + '-' + file.originalname);
}
});
module.exports = { multer, storage };


2. Importing Configuration

Import this configuration into your main app file:

const { multer, storage } = require('./middleware/multerConfig.js');
const upload = multer({ storage });


3. Handling File Upload in Routes

Configure your routes to handle file uploads:

app.post('/create', upload.single('image'), async (req, res) => {
const { title, subtitle, description } = req.body;
await blogs.create({
title,
subtitle,
description,
image: req.file.filename
});
res.redirect('/');
});


4. Form Configuration

Ensure your HTML form is set up to handle file uploads:

<form action="/create" method="POST" enctype="multipart/form-data">
<input type="file" name="image">
<!-- Other form fields -->
</form>


Key Differences

Understanding the differences between handling textual and file data:

• req.body: Contains data from non-file form fields (textual data).
• req.file: Contains metadata about the uploaded file (e.g., filename, path).

Conclusion

Handling file and text data in Node.js involves different approaches:

• Text Data: Managed with express.urlencoded({ extended: true }).
• File Data: Handled with Multer, which stores files temporarily and saves file references in the database.
• Configuration: Multer settings are organized in a separate multerConfig.js file.

Tips of the Day

Organize your Multer configuration separately to keep your main application file clean and maintainable. Always validate and sanitize file uploads to avoid security risks.

Follow Me On GitHub Follow Me OnLinkedIn