Multiple image upload using Node.js

Question

I am working on Node.js and trying to handle multiple image. I am using following code to upload a single image and then saving the path in string format to the database.

 var multiparty = require("multiparty");
 var form = new multiparty.Form();

 form.parse(req, function(err, fields, files) {
     var img = files.image[0];
     var fs = require('fs');

     fs.readFile(img.path, function(err, data) {
         var path = "/path/to/upload/" + img.originalFilename;

         fs.writeFile(path, data, function(error) {
             if (error) console.log(error);
         });
     });
 })

Now how to handle multiple image.
Any help will be appreciated!

Can i help you by using 'formidable' module instead of 'multiparty' ? — Ketha Kavya
– Ketha Kavya, Commented Dec 31, 2015 at 6:23

Ketha Kavya · Accepted Answer · 2015-12-31 06:37:46Z

2

var express = require('express'),
    app = express(),
    formidable = require('formidable'),
    util = require('util'),
    fs   = require('fs-extra'),
    bodyparser=require('body-parser'),
    qt   = require('quickthumb'),
    path    = require('path');


var mongoose = require('mongoose');
mongoose.connect('mongodb://localhost/db');

var Images = require('./model.js');



app.use(qt.static(__dirname + '/'));
app.use(bodyparser());
app.set('view engine','ejs');


app.post('/upload',function (req, res){ 

      var form = new formidable.IncomingForm();
     form.parse(req, function(err, fields, files) {
          });

     form.on('field',function(name,value){

      });



  form.on('end', function(fields, files) {

        for(var x in this.openedFiles)
        {
                //Images is my model
                var img = new Images();

                var temp_path = this.openedFiles[x].path;
               /* The file name of the uploaded file */
                var file_name = this.openedFiles[x].name;
                //console.log('file '+file_name);
                img.size = this.openedFiles[x].size;
                img.type = this.openedFiles[x].type;

                /* Location where we want to copy the uploaded file */
                var new_location = 'uploads/';

               console.log(img.nam=new_location+file_name);
               img.save(function(err,imgobj) {
                  if (err)
                   throw err;
               });    
                   //to copy the file into a folder         
                fs.copy(temp_path, new_location + file_name, function(err) {  
                  if (err) {
                    console.log(err);
                  }
               });//fscopy
          }//for loop

    });//form end
res.send('Done!!');

});//post
app.listen(3000);
console.log('started server');

answered Dec 31, 2015 at 6:37

Ketha Kavya

5886 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Kishor Over a year ago

Thanks @Ketha Kavya.

Kishor Over a year ago

This helps me to insert the image in database with different id's. Is it possible to insert all images in array format so i can insert multiple images for one event.

Ketha Kavya Over a year ago

@Kishor This is for multiple image upload.

Collectives™ on Stack Overflow

Multiple image upload using Node.js

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related