Search for a command to run...
Works on NodeJS, React, React Native and many more day in and out.
Skilled in back-end development, REST API, NodeJS, MongoDB, MySQL, React & React Native.
Connect to learn from my experience. I keep sharing them. Mostly about tech here on my LinkedIn https://www.linkedin.com/in/pratiksah/
No comments yet. Be the first to comment.
Welcome to my Node Js series where we'll discuss some of the awesome topics of Node Js with MongoDB, MySQL, Firebase, etc. Hope you'll like it.
React has become one of the most popular JavaScript libraries for building user interfaces. As a React developer, I often found myself spending valuable time manually creating components and managing CSS modules. The lack of consistency and repetitiv...
In React, managing the global state efficiently is crucial for building complex applications. While Redux has long been the go-to solution for centralized state management, React's Context API now provides a built-in mechanism for handling global sta...
React has become one of the most popular JavaScript libraries for building user interfaces. As a React developer, I often found myself spending valuable time manually creating components and managing CSS modules. The lack of consistency and repetitiv...
Recently I came across a post by the digital ocean where they introduced us to the serverless functions which they recently launched. I'm a huge fan of them in terms of simplicity and pricing. I thought of giving it a try and found it to be really e...
We all have used console.log() at some point in time but these are just for debugging purpose only. It's not recommended in a production-level app. If you'll use them in your production level app, this may not help you in finding the exact error and ...
While handling file uploads via the form in Express, you might have tried Multer. It is good but Formidable is awesome when it comes to simplicity without having to deal with middleware.
The formidable module is used for parsing both the form data and the file uploads. It's very easy to use and can be easily integrated.
Visit npmjs or click here or you can install the package by using the below command.
npm i formidable
The highlights of this module are (according to npmjs):
const express = require("express")
const fs = require("fs");
const formidable = require("formidable");
const app = express();
app.post("/handle-uploads", (req, res) => {
const form = formidable();
form.parse(req, async (err, fields, files) => {
// your form fields will be found inside 'fields' variable
// your form files will be inside files variable
});
});
app.listen(3300, (err) => {
if (err) console.log(err);
console.log("Server started on port 3300");
});
Let's say we want to upload the file to a particular location suppose inside the uploads directory.
For that, we have to specify the path inside form.parse().
// inside app.post("/handle-uploads", (req, res) => {
const form = formidable();
form.parse(req, async (err, fields, files) => {
if (err) {
return res.status(400).json({
status: "Failure",
msg: "Some error occured " + err.message,
});
}
let oldPath = files.nameOfTheField.path;
let newPath = `./uploads/${files.nameOfTheField.name}`;
fs.rename(oldPath, newPath, (err) => {
if (err) {
return res.status(400).json({
status: "Failure",
msg: "Failed to upload file. " + err.message,
});
}
res.status(201).json({
status: "Success",
msg: "File uploaded successfully"
});
});
});
I hope this post will help you in handling file uploads easily. If you found this code helpful, please share this post with others and also leave a comment below and let me know your thoughts.
Thanks for the time, see you in my next post.
❤