{"id":100939,"date":"2021-10-08T09:00:55","date_gmt":"2021-10-08T03:30:55","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=100939"},"modified":"2021-10-08T12:10:15","modified_gmt":"2021-10-08T06:40:15","slug":"file-upload-in-nodejs","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/","title":{"rendered":"File Upload in Nodejs"},"content":{"rendered":"

Today we will be discussing how we can upload file from our device using node.js. Many different modules are available for uploading files but today we will be mainly focusing on the two most popular modules namely multer and formidable modules.<\/p>\n

Formidable Module in Nodejs:<\/h3>\n

Install Formidable Module in Nodejs:<\/h4>\n

In order to install this module in our application run the below command<\/p>\n

npm install formidable.\r\n<\/pre>\n
Including the module:<\/h4>\n
To use it in our project, we have to include it using the require function.<\/p>\n
let formidable=require(\u2018formidable\u2019)<\/p>\n
Upload files using the formidable module<\/h3>\n
Create a web page for uploading Files:<\/h4>\n
We will be creating a web server using node.js which will be serving a simple form to upload files. We can go to localhost:3000 to see our web page, it contains a button to choose a file and a button to submit the uploaded file.<\/p>\n
Code for uploading file using formidable module:<\/strong><\/p>\n
var http = require('http');\r\n \r\nhttp.createServer(function (req, res) {\r\n    res.writeHead(200, { 'Content-Type': 'text\/html' });\r\n    res.write('<form action=\"fileupload\" method=\"post\" enctype=\"multipart\/form-data\">');\r\n    res.write('<input type=\"file\" name=\"filetoupload\"><br>');\r\n    res.write('<input type=\"submit\">');\r\n    res.write('<\/form>');\r\n    return res.end();\r\n}).listen(3000);\r\n<\/pre>\n
Output<\/strong><\/p>\n
\"nodejs<\/a><\/p>\n
The website will look like below<\/p>\n
\"nodejs<\/a><\/p>\n
Parsing the uploaded file:<\/h4>\n
Now we will include the formidable module and use it to parse the file. Once that is done it will be stored in a folder. Go to your localhost:3000 and upload any file, it will get uploaded and saved in a temporary folder.<\/p>\n
Code for parsing the uploaded file using formidable module:<\/strong><\/p>\n
var http = require('http');\r\nvar formidable = require('formidable');\r\n \r\nhttp.createServer(function (req, res) {\r\n    if (req.url == '\/fileupload') {\r\n        var form = new formidable.IncomingForm();\r\n        form.parse(req, function (err, fields, files) {\r\n            res.write('File uploaded');\r\n            res.end();\r\n        });\r\n    } else {\r\n        res.writeHead(200, { 'Content-Type': 'text\/html' });\r\n        res.write('<form action=\"fileupload\" method=\"post\" enctype=\"multipart\/form-data\">');\r\n        res.write('<input type=\"file\" name=\"filetoupload\"><br>');\r\n        res.write('<input type=\"submit\">');\r\n        res.write('<\/form>');\r\n        return res.end();\r\n    }\r\n}).listen(3000);\r\n<\/pre>\n
Output<\/strong><\/p>\n
\"node.js<\/a><\/p>\n
Saving the File:<\/h4>\n
Now we will be moving the file from the temporary location to our desired location.<\/p>\n
Code for saving the file:<\/strong><\/p>\n
var http = require('http');\r\nvar formidable = require('formidable');\r\nvar fs = require('fs');\r\n \r\nhttp.createServer(function (req, res) {\r\n  if (req.url == '\/fileupload') {\r\n    var form = new formidable.IncomingForm();\r\n    form.parse(req, function (err, fields, files) {\r\n      var oldpath = files.filetoupload.path;\r\n      var newpath = 'C:\/Users\/ASUS\/Documents\/visual studio code\/DataFlair' + files.filetoupload.name;\r\n      fs.rename(oldpath, newpath, function (err) {\r\n        if (err) throw err;\r\n        res.write('File uploaded and moved!');\r\n        res.end();\r\n      });\r\n });\r\n  } else {\r\n    res.writeHead(200, {'Content-Type': 'text\/html'});\r\n    res.write('<form action=\"fileupload\" method=\"post\" enctype=\"multipart\/form-data\">');\r\n    res.write('<input type=\"file\" name=\"filetoupload\"><br>');\r\n    res.write('<input type=\"submit\">');\r\n    res.write('<\/form>');\r\n    return res.end();\r\n  }\r\n}).listen(3000);\r\n<\/pre>\n
Output<\/strong><\/p>\n
\"nodejs<\/a><\/p>\n
You can see that a \u201cDataFlair Demo.txt\u201d file has been put into our DataFlair folder.<\/p>\n
Uploading File Using Multer in Nodejs:<\/h3>\n
Multer is the most popular module for uploading files. You can upload files of any kind. Multer can be used to upload single or multiple files. It attaches the files in the request body object for uploading the files into the server.<\/p>\n
Installing Multer:<\/h4>\n
In order to install this module in our application run the below command<\/p>\n
npm install multer.\r\n<\/pre>\n
Including the module:<\/h4>\n
To use it in our project we have to include it using the require function.<\/p>\n
let multer=require(\u2018multer\u2019)\r\n<\/pre>\n
Uploading Files:<\/h4>\n
We will be creating a web server using node.js which will be serving a simple form to upload files. We can go to localhost:3000 to see our web page, it contains a button to choose a file and a button to submit the uploaded file.
\nAfter you upload a file you will see that a \u201cDataFlair Multer Demo.txt\u201d file has been added.<\/p>\n
Code for uploading and saving a file using multer:<\/strong><\/p>\n
var http = require('http');\r\nconst multer = require('multer')\r\n \r\n \r\nvar storage = multer.diskStorage({\r\n    destination: function (req, file, cb) {\r\n        cb(null, \"\")\r\n    },\r\n    filename: function (req, file, cb) {\r\n        cb(null, file.fieldname)\r\n    }\r\n})\r\nvar upload = multer({\r\n    storage: storage,\r\n}).single(\"filetoupload\");\r\n \r\nhttp.createServer(function (req, res) {\r\n    if (req.url == '\/fileupload') {\r\n        upload(req,res,function(err){\r\n            if(err)\r\n            {\r\n                res.end();\r\n            }\r\n            else\r\n            {\r\n                res.write(\"Success, File Uploaded!\")\r\n                res.end()\r\n            }\r\n        })\r\n    } else {\r\n        res.writeHead(200, { 'Content-Type': 'text\/html' });\r\n        res.write('<form action=\"fileupload\" method=\"post\" enctype=\"multipart\/form-data\">');\r\n        res.write('<input type=\"file\" name=\"filetoupload\"><br>');\r\n        res.write('<input type=\"submit\">');\r\n        res.write('<\/form>');\r\n        return res.end();\r\n    }\r\n}).listen(3000);\r\n<\/pre>\n
Output<\/strong><\/p>\n
\"node.js<\/a><\/p>\n
 <\/p>\n
Using npm file upload module:<\/h3>\n
Another way to upload a file and save it on the server is by using the file upload module:<\/p>\n
Install:<\/h4>\n
npm i express-fileupload\r\n<\/pre>\n
Now we will be creating an HTML form for uploading the file. The code is as below<\/p>\n
Html Code for<\/strong> upload page<\/strong><\/h4>\n
<html>\r\n \r\n<body>\r\n    <form ref='uploadForm' id='uploadForm' action='http:\/\/localhost:3000\/upload' method='post'\r\n        encType=\"multipart\/form-data\">\r\n        <input type=\"file\" name=\"sampleFile\" \/>\r\n        <input type='submit' value='Upload!' \/>\r\n    <\/form>\r\n<\/body>\r\n \r\n<\/html>\r\n<\/pre>\n
Add the below lines in the index.js file:<\/p>\n
Code for uploading and saving the file using express-fileupload package<\/strong><\/p>\n
const express = require('express');\r\nconst fileUpload = require('express-fileupload');\r\nconst app = express();\r\napp.use(fileUpload());\r\napp.use('\/form', express.static(__dirname + '\/fileupload.html'));\r\napp.post('\/upload', function (req, res) {\r\n    let sampleFile;\r\n    let uploadPath;\r\n \r\n    if (!req.files || Object.keys(req.files).length === 0) {\r\n        return res.status(400).send('No files were uploaded.');\r\n    }\r\n \r\n    sampleFile = req.files.sampleFile;\r\n    uploadPath = __dirname + '\/' + sampleFile.name;\r\n \r\n    sampleFile.mv(uploadPath, function (err) {\r\n        if (err)\r\n            return res.status(500).send(err);\r\n \r\n        res.send('File uploaded!');\r\n    });\r\n});\r\n \r\napp.listen(3000, function () {\r\n    console.log('Express server listening on port 3000');\r\n});\r\n<\/pre>\n
Now if you go to localhost:3000\/form and then upload a file you will see the uploaded file in your current folder, indicating that we have successfully saved the uploaded file in the server.<\/p>\n
Output<\/strong><\/p>\n
\"nodejs<\/a><\/p>\n
Conclusion:<\/h3>\n
In this article, we have discussed how to upload and save the file using formidable and multer.<\/p>\n","protected":false},"excerpt":{"rendered":"
Today we will be discussing how we can upload file from our device using node.js. Many different modules are available for uploading files but today we will be mainly focusing on the two most...<\/p>\n","protected":false},"author":1,"featured_media":100949,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25259],"tags":[25286,25288,25287],"class_list":["post-100939","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-node-js-tutorials","tag-file-upload-in-nodejs","tag-formidable-module-in-nodejs","tag-multer-in-nodejs"],"yoast_head":"\nFile Upload in Nodejs - DataFlair<\/title>\n<meta name=\"description\" content=\"Learn to upload file from a device using node.js. See Different available modules like multer and formidable modules that help in it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"File Upload in Nodejs - DataFlair\" \/>\n<meta property=\"og:description\" content=\"Learn to upload file from a device using node.js. See Different available modules like multer and formidable modules that help in it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/\" \/>\n<meta property=\"og:site_name\" content=\"DataFlair\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataFlairWS\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-08T03:30:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-08T06:40:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2021\/09\/nodejs-file-uploads.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"DataFlair Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:site\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DataFlair Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"File Upload in Nodejs - DataFlair","description":"Learn to upload file from a device using node.js. See Different available modules like multer and formidable modules that help in it.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/","og_locale":"en_US","og_type":"article","og_title":"File Upload in Nodejs - DataFlair","og_description":"Learn to upload file from a device using node.js. See Different available modules like multer and formidable modules that help in it.","og_url":"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/","og_site_name":"DataFlair","article_publisher":"https:\/\/www.facebook.com\/DataFlairWS\/","article_published_time":"2021-10-08T03:30:55+00:00","article_modified_time":"2021-10-08T06:40:15+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2021\/09\/nodejs-file-uploads.jpg","type":"image\/jpeg"}],"author":"DataFlair Team","twitter_card":"summary_large_image","twitter_creator":"@DataFlairWS","twitter_site":"@DataFlairWS","twitter_misc":{"Written by":"DataFlair Team","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/#article","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/"},"author":{"name":"DataFlair Team","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/b49855299264df5e27e3ec6c2cd9fde9"},"headline":"File Upload in Nodejs","datePublished":"2021-10-08T03:30:55+00:00","dateModified":"2021-10-08T06:40:15+00:00","mainEntityOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/"},"wordCount":537,"commentCount":0,"publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2021\/09\/nodejs-file-uploads.jpg","keywords":["file upload in nodejs","Formidable module in Nodejs","multer in nodejs"],"articleSection":["Node Js Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/","url":"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/","name":"File Upload in Nodejs - DataFlair","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/#primaryimage"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2021\/09\/nodejs-file-uploads.jpg","datePublished":"2021-10-08T03:30:55+00:00","dateModified":"2021-10-08T06:40:15+00:00","description":"Learn to upload file from a device using node.js. See Different available modules like multer and formidable modules that help in it.","breadcrumb":{"@id":"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/#primaryimage","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2021\/09\/nodejs-file-uploads.jpg","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2021\/09\/nodejs-file-uploads.jpg","width":1200,"height":628,"caption":"nodejs file upload"},{"@type":"BreadcrumbList","@id":"https:\/\/data-flair.training\/blogs\/file-upload-in-nodejs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Home","item":"https:\/\/data-flair.training\/blogs\/"},{"@type":"ListItem","position":2,"name":"Node Js Tutorials","item":"https:\/\/data-flair.training\/blogs\/category\/node-js-tutorials\/"},{"@type":"ListItem","position":3,"name":"File Upload in Nodejs"}]},{"@type":"WebSite","@id":"https:\/\/data-flair.training\/blogs\/#website","url":"https:\/\/data-flair.training\/blogs\/","name":"DataFlair","description":"Learn Today. Lead Tomorrow.","publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/data-flair.training\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/data-flair.training\/blogs\/#organization","name":"DataFlair","url":"https:\/\/data-flair.training\/blogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","width":106,"height":48,"caption":"DataFlair"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataFlairWS\/","https:\/\/x.com\/DataFlairWS","https:\/\/www.linkedin.com\/company\/dataflair-web-services-pvt-ltd\/","https:\/\/www.youtube.com\/user\/DataFlairWS"]},{"@type":"Person","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/b49855299264df5e27e3ec6c2cd9fde9","name":"DataFlair Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/ef46b745ddad2fad690af626c6ef29b91809ad0a9f5ef398d07817d8cad042f5?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ef46b745ddad2fad690af626c6ef29b91809ad0a9f5ef398d07817d8cad042f5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ef46b745ddad2fad690af626c6ef29b91809ad0a9f5ef398d07817d8cad042f5?s=96&d=mm&r=g","caption":"DataFlair Team"},"description":"DataFlair Team is a group of passionate educators and industry experts dedicated to providing high-quality online learning resources on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. With years of experience in the field, the team aims to simplify complex topics and help learners advance their careers. At DataFlair, we believe in empowering students and professionals with the knowledge and skills needed to thrive in today\u2019s fast-paced tech industry. Follow us for Free courses, expert insights, tutorials, and practical tips to boost your learning journey.","url":"https:\/\/data-flair.training\/blogs\/author\/datafbdad\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/100939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/comments?post=100939"}],"version-history":[{"count":3,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/100939\/revisions"}],"predecessor-version":[{"id":100957,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/100939\/revisions\/100957"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media\/100949"}],"wp:attachment":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media?parent=100939"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/categories?post=100939"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/tags?post=100939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}