When is an image uploading completion using multer?

Question

I'm using multer.js on my project for user profile image uploading when user registration.

I need to store user image file and to make thumbnail image also. When make thumbnail, I'm using gm.js. Belows are my codes.

import { Router } from 'express';
import User from '../models/user.model';
import passport from 'passport';
import gm from 'gm';
import multer from 'multer';

const router = new Router();

const upload = multer({ dest: './static/img/user/' });

const _saveThumbnail = (fileName) => {
  return new Promise((resolve, reject) => {
    gm(`img/user/${fileName}`).thumb(48, 48, `img/user/thumb_${fileName}`, 100, (err) => {
      if (err) reject(new Error(err));
      resolve();
    });
  });
};

router.post('/api/users', upload.single('img'), (req, res) => {

  const fileName = req.file ? req.file.filename : 'default.png';

  Promise.all([_getColRank(4), _getBattleRank(1000)]).then((ranks) => {
    const user = new User({
      email: req.body.email,
      nickname: req.body.nickname,
      password: req.body.password,
      img: fileName,
      introduce: req.body.introduce,
      recommender: req.body.recommender,
      colPoint: 4,
      colRank: ranks[0],
      battleRank: ranks[1],
    });

    _saveThumbnail(fileName).then(() => {
      User.register(user, user.password, (err, savedUser) => {
        if (err) return res.status(500).send(err);
        passport.authenticate('local')(req, res, () => {
          res.json({ savedUser });
        });
      });
    });
  });
});

export default router;

I assume that upload.single('img'), which is middle-ware of post, makes completion of uploading image, so gm takes the uploaded image to make its thumbnail. But nothing happens. _saveThumbnail returns resolve() and original image is well uploaded.

I really want to make thumbnails. Help me.

score 2 · Accepted Answer · answered Jun 22 '16 at 13:43

I've found the answer. The wrong point was image path.

I changed my code as below.

import { Router } from 'express';
import User from '../models/user.model';
import passport from 'passport';
import gm from 'gm';
import multer from 'multer';

const router = new Router();

const upload = multer({ dest: './static/img/user/' });

const _saveThumbnail = (imagePath) => { // edited arg
  return new Promise((resolve, reject) => {
    gm(imagePath).thumb(48, 48, `${imagePath}_thumb`, 100, (err) => { // edited
      if (err) reject(new Error(err));
      resolve();
    });
  });
};

router.post('/api/users', upload.single('img'), (req, res) => {

  const fileName = req.file ? req.file.filename : 'default.png';
  const imagePath = req.file ? req.file.path : null; // added
  Promise.all([_getColRank(4), _getBattleRank(1000)]).then((ranks) => {
    const user = new User({
      email: req.body.email,
      nickname: req.body.nickname,
      password: req.body.password,
      img: fileName,
      introduce: req.body.introduce,
      recommender: req.body.recommender,
      colPoint: 4,
      colRank: ranks[0],
      battleRank: ranks[1],
    });

_saveThumbnail(imagePath).then(() => { // edited arg
  User.register(user, user.password, (err, savedUser) => {
    if (err) return res.status(500).send(err);
    passport.authenticate('local')(req, res, () => {
      res.json({ savedUser });
    });
  });
});
  });
});

export default router;

When is an image uploading completion using multer?

1 Answers1