Uploading, storing and displaying image via nodejs and mongodb?

Question

How do I create a web gallery and uploading, storing and displaying images via nodejs and mongodb?

I have tried to write some code myself, but don't manage to solve the problem.

Do someone have a link or tutorial that helps me solve the problem?

Answer 1

It is not recommended to store whole images on databases. It can be done but based on similar questions on stack overflow it is better to store images on your file system. That can be done by using themulterand fs module to handle the upload and store it on the file system. You can even use an image proccessor to confirm that what was uploaded was really an image and not something else. I recommend using the sharp module found on npm to do that. This way you are sure that nothing can go wrong and you can even resize images before storing. Here is some code for this using express.js:

    var multer = require('multer');
    var uploadPicture = multer({
    dest: 'temp/'
    });
    var sharp = require('sharp');

    app.post('/upload', uploadPicture.single('profileIcon'), function (req,res) {
      fs.readFile(req.file.path, function (err, data) {
        if (err) res.end('UNRESOLVABLE ERROR');
    sharp(data).resize(200, 200).toFile('./photos/pic.jpg', function (err, info) {
    //DELETE THE TEMPORAL FILE
            fs.unlink(req.file.path, function (error) {
                if (error) res.end('UNRESOLVABLE ERROR'); //CODE 3 ALARM
                res.end('success');
            });
    }