How to save file image in express js using ng-file-upload

Question

i am new in nodejs development and express I learn MEAN stack nad now i don`t know how i can do this staff in n In my route i have this code

var express = require('express');
var router = express.Router();
var multer = require('multer');
var upload = multer({ dest: __dirname + '/public/uploads/' });

router.post('/', upload.single('file'), function(req, res) {
   console.log(req.file);
   res.status(200).json({ file: req.file});
});
module.exports = router;

But i saving not image. How i can save an image file? I mean some decode function or what?

In console i see this :

{ fieldname: 'file',
 originalname: 'my.jpg',
 encoding: '7bit',
 mimetype: 'image/jpeg',
 destination: '/home/path/mean/public/uploads/',
 filename: '8b6256d4af77641c844480f05806e959',
 path: '/home/path/mean/public/uploads/8b6256d4af77641c844480f05806e959',
 size: 19486 
 }

Thanks.

If you are getting a filename, path, and size, the file is being saved. Is the file not in path specified? — Trevor Hutto
– Trevor Hutto, Commented Nov 12, 2015 at 21:04

Valeriy Donika · Accepted Answer · 2015-11-15 16:04:21Z

1

So this code works for me. Right now i need to think how i would be save the image in collection of new post. Smth like - i click the save image and save image on folder and after response i my ng-model will be post.image = response.image, after i save all body of post in collection.... I don`t know, in PHP it will be in one reuqest :) I am very new with nodejs, it is just for fun, not for work. I like JavaScript. :)

var multer  = require('multer');
var storage = multer.memoryStorage();
var upload = multer({ storage: storage });

var fs = require('fs');


fs.writeFile('public/uploads/image.jpg', req.file.buffer, 'ascii', 
 function  (err) {
  if (err) throw err;
    console.log('It\'s saved!');
 }
);

answered Nov 15, 2015 at 16:04

Valeriy Donika

4661 gold badge6 silver badges17 bronze badges

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

Comments

toblerone_country · Accepted Answer · 2016-12-02 06:27:06Z

0

var multer = require('multer'); 

var storage = multer.diskStorage({  
    destination: function (req, file, cb) { 
        cb(null, 'public/upload')
    },
    filename: function (req, file, cb) {
        cb(null, uuid.v4() + path.extname(file.originalname));
    }
})

var upload = multer({
    storage: storage
});

This code helped me to achieve the goal. it will store the image with random name and the extension.

edited Dec 2, 2016 at 6:27

toblerone_country

58314 silver badges26 bronze badges

answered Dec 2, 2016 at 4:49

Navid Ansari

1

Collectives™ on Stack Overflow

How to save file image in express js using ng-file-upload

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related