Express.js File Upload

by Online Tutorials Library July 14, 2022

Express.js File Upload

In Express.js, file upload is slightly difficult because of its asynchronous nature and networking approach.

It can be done by using middleware to handle multipart/form data. There are many middleware that can be used like multer, connect, body-parser etc.

Let’s take an example to demonstrate file upload in Node.js. Here, we are using the middleware ‘multer’.

Create a folder “jtp file upload” having the following files:

uploads: It is an empty folder i.e. created to store the uploaded images.

package: It is JSON file, having the following data:

File: package.json

 {   “name”: “file_upload”,   “version”: “0.0.1”,   “dependencies”: {     “express”: “4.13.3”,     “multer”: “1.1.0”   },   “devDependencies”: {     “should”: “~7.1.0”,     “mocha”: “~2.3.3”,     “supertest”: “~1.1.0”   } } 

File: index.html

        <title>File upload in Node.js by tutoraspire</title>  <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://www.tutoraspire.com/wp-content/cache/min/1/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1693484205"></script>   <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://www.tutoraspire.com/wp-content/cache/min/1/ajax/libs/jquery.form/3.51/jquery.form.min.js?ver=1693484205"></script>                 
<h1>Express.js File Upload: by tutoraspire</h1>
<form action="/uploadtutoraspire" enctype="multipart/form-data" id="uploadForm" method="post">        <input name="myfile" type="file">
<p>        <input name="submit" type="submit" value="Upload Image"></p>
<p>        <span id="status"></span>       </p></form>
<p>     </p>

File: server.js

  var express=require("express"); var multer=require('multer'); var app=express(); var storage=multer.diskStorage({   destination: function (req, file, callback) {     callback(null, './uploads');   },   filename: function (req, file, callback) { callback(null, file.originalname);   } }); var upload = multer({ storage : storage}).single('myfile');  app.get('/',function(req,res){       res.sendFile(__dirname + "/index.html"); });  app.post('/uploadtutoraspire',function(req,res){ upload(req,res,function(err) { if(err) { return res.end("Error uploading file."); } res.end("File is uploaded successfully!"); }); });  app.listen(2000,function(){     console.log("Server is running on port 2000"); }); 

To install the package.json, execute the following code: