Ajax Progress Bar file upload with Node.js and Express.js Part-1

Hello Guys,

Finally,I got it worked out.As i mentioned in my previous posts for file upload in node.js with ajax progress bar has been done successfully after two days.And the snippet is as follows.

create a file name it as server.js

 var express = require('express'),  
   app = express(),  
   multer = require('multer'),  
   img = require('easyimage');  
 var imgs = ['png', 'jpg', 'jpeg', 'gif', 'bmp']; // only make thumbnail for these  
 function getExtension(fn) {  
   return fn.split('.').pop();  
 }  
 function fnAppend(fn, insert) {  
   var arr = fn.split('.');  
   var ext = arr.pop();  
   insert = (insert !== undefined) ? insert : new Date().getTime();  
   return arr + '.' + insert + '.' + ext;  
 }  
 app.configure(function () {  
   app.use(multer({  
     dest: './static/uploads/',  
     rename: function (fieldname, filename) {  
       return filename.replace(/\W+/g, '-').toLowerCase();  
     }  
   }));  
   app.use(express.static(__dirname + '/static'));  
 });  
 app.post('/upload', function (req, res) {  
   console.log('upload function start working');  
   if (imgs.indexOf(getExtension(req.files.userFile.name)) != -1)  
     img.info(req.files.userFile.path, function (err, stdout, stderr) {  
       if (err) throw err;  
 //    console.log(stdout); // could determine if resize needed here  
       img.rescrop(  
         {  
           src: req.files.userFile.path, dst: fnAppend(req.files.userFile.path, 'thumb'),  
           width: 50, height: 50  
         },  
         function (err, image) {  
           if (err) throw err;  
           res.send({image: true, file: req.files.userFile.originalname, savedAs: req.files.userFile.name, thumb: fnAppend(req.files.userFile.name, 'thumb')});  
         }  
       );  
     });  
   else  
     res.send({image: false, file: req.files.userFile.originalname, savedAs: req.files.userFile.name});  
 });  
 var server = app.listen(3000, function () {  
   console.log('listening on port %d', server.address().port);  
 });  

Now create a folder called static.Create uploads folder and js folder and index.html.

Will keep continue writing this post.If you find this useful like my blog subscribe.If you have any doubts or suggestion feel free to comment below.