Multiple File Upload in Node.js

In this post we will be discussing about multiple file upload in Node.js. We will be using Multer which is a Node.js middleware for handling 'multipart/form-data'. In our previous post we have discussed about Single File Upload in Node.js.

Multiple File Upload in Node.js Code :

Server.js

var express = require('express');
var multer = require('multer');
var app = express();
var port = 5000;

app.set('port', port); 

var storage = multer.diskStorage({
  destination: function (request, file, callback) {
    callback(null, '/example/uploads');
  },
  filename: function (request, file, callback) {
    console.log(file);
    callback(null, file.originalname)
  }
});

/* In the below line you will have an array of photos files. request.files is an object where fieldname is the key and value is the array of files */ 

var upload = multer({storage: storage}).array('photo', 5);

app.get('/', function(resuest, response) {
  response.sendFile('/example/index.html');
});

app.post('/upload', function(request, response) {
  upload(request, response, function(err) {
    if(err) {
      console.log('Error Occured');
      return;
    }
    // request.files is an object where fieldname is the key and value is the array of files 
    console.log(request.files);
    response.end('Your Files Uploaded');
    console.log('Photo Uploaded');
  })
});

var server = app.listen(port, function () {
  console.log('Listening on port ' + server.address().port)
});

Index.html

<form enctype="multipart/form-data" action="/upload" method="post">
  <input type="file" name="photo" multiple />
  <input type="submit" value="Upload Image" name="submit" />
</form>

If you run the above code and upload more than one images, your images will be uploaded in Uploads folder. You will get an output as shown below.

Please Like and Share the CodingDefined.com Blog, if you find it interesting and helpful.

Related articles

• Drag'n'Drop file uploads in Asp Net MVC Application using DropzoneJS 
• How to use Promises in Node.js 
• How to preview Image before Uploading in HTML5 
• How to monitor a file for modifications in Node.js 
• How to get list of files in a directory in Nodejs 
• Fetching Twitter Trends by places in Node.js 
• How to navigate through directories in Nodejs 
• Simplified Control Flow in Node.js 
• Alter File Permissions in Nodejs 
• Move file within directory in NodeJS