什么时候使用multer完成图片上传？

Question

我在我的项目中使用 multer.js 在用户注册时上传用户个人资料图片。

我需要存储用户图像文件并制作缩略图。制作缩略图时，我使用 gm.js。以下是我的代码。

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;

我假设upload.single('img')，它是post的中间件，完成上传图片，所以gm将上传的图片制作成缩略图。但是没有任何反应。 _saveThumbnail returns resolve() 原图上传的很好

我真的很想制作缩略图。帮帮我。

Answer 1

我找到了答案。错误点是图片路径。

我更改了我的代码如下。

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 });
    });
  });
});
  });
});

导出默认路由器；

什么时候使用multer完成图片上传？

When is an image uploading completion using multer?

thumbnails

node.js

express

multer

gm