使用 Express-Validator 时如何将 Multer 错误返回给客户端？

Question

更新帖子：滚动到帖子底部以获取更新信息

---

原帖

我需要一些帮助。我正在创建一个采用 FormData 的路由，通过 Multer 验证 文件数据（在本例中为图像），然后使用验证 字符串数据 Express-Validator。我创建了一个完成两个验证的工作路线，但我不知道如何从 Multer 中获取任何错误并将它们返回给客户端。

我在Express-Validator之前设置了Multer，以便Express-Validator可以读取req.body。有了这个，我不知道如何（或者我是否能够）传递 Multer 错误以在响应中发回。

我下面的示例应包括检查所需的所有内容，但如果您需要更多信息，请告诉我。

const multer = require('multer')
const {
    check,
    validationResult
} = require('express-validator/check');
const {
    sanitizeBody
} = require('express-validator/filter');


const imageUpload = multer({
    dest: 'uploads/',
    limits: {
        fileSize: 1000000
    },
    fileFilter: function (req, file, cb) {
        let filetypes = /jpeg|jpg/;
        let mimetype = filetypes.test(file.mimetype);
        let extname = filetypes.test(path.extname(file.originalname).toLowerCase());
        if (mimetype && extname) {
            return cb(null, true);
        }
        cb(new Error('Invalid IMAGE Type'))
    }
}).fields([{
        name: 'cover_image',
        maxCount: 1
    },
    {
        name: 'more_images',
        maxCount: 2
    }
])


const validationChecks = [
    check('street', 'Invalid Street Name').matches(/^[a-z0-9 ]+$/i).isLength({
        min: 1,
        max: 25
    }).trim().escape(),
    check('city', 'Invalid City Name').matches(/^[a-z ]+$/i).isLength({
        min: 1,
        max: 15
    }).trim().escape()
]


router.post('/addnewproperty', imageUpload, validationChecks,(req, res, next) => {  
    const errors = validationResult(req);
    if (!errors.isEmpty()) {
        console.log('text validation FAILED');
        return res.status(400).json({
            errors: errors.array()
        });
    }
    console.log('validation PASSED');
})

2/6/19 更新

好的，我想我找到了解决方案，虽然不是我所期望的。

通过在 express 中使用 next() 函数，我可以在第一个路由处理程序中使用 Multer，我可以在响应中接收和发回 Multer 错误。如果在第一个路由处理程序中没有出现错误，我可以调用 next()，然后转到下一个路由处理程序以使用 express-validator，我可以在其中检查并发送字符串验证产生的任何错误。

下面的代码是我所描述的工作示例。不确定这是否是可接受的代码，但它正在进行一些简单的测试。欢迎在下面的 cmets 中对此提出任何意见或建议。

// Here's the meat of what I changed.  
// The config and variables set in the previous code are the same. 

router.post('/addnewproperty',(req, res, next) => {
    imageUpload(req,res,(err)=>{
        if(err){
            console.log(err.message);
            return res.status(400).json(err.message)
        }
        next()
    })
})

router.post('/addnewproperty',validationChecks,(req,res)=>{
    const errors = validationResult(req);
    if (!errors.isEmpty()) {
        return res.status(400).json({
            errors: errors.array()
        });
    }
    return res.sendStatus(200)
})

我会留下这个问题，以防有人有更好的解决方案来获得我最初打算做的事情，除了上面的代码。

Answer 1

我一直在使用一个函数来创建一个 Multer 中间件，该中间件可以放置在中间件链中的任何位置。之后，您可以使用 req.body 而不使用其他二进制字段。

import { Router } from 'express';
import multer from 'multer';

function makeMulterUploadMiddleware(multerUploadFunction) {
    return (req, res, next) =>
        multerUploadFunction(req, res, err => {
            // handle Multer error
            if (err && err.name && err.name === 'MulterError') {
                return res.status(500).send({
                    error: err.name,
                    message: `File upload error: ${err.message}`,
                });
            }
            // handle other errors
            if (err) {
                return res.status(500).send({
                    error: 'FILE UPLOAD ERROR',
                    message: `Something wrong ocurred when trying to upload the file`,
                });
            }

            next();
        });
}

const upload = multer({ dest: 'uploads/' });

const multerUploadMiddleware = makeMulterUploadMiddleware(upload.single('image'));

const someRouter = Router();

someRouter.post('', multerUploadMiddleware, (req, res) => {
    // now body contains all the fields except the one with the file
    res.send(req.body);
});

export { someRouter };

我正在使用 @hapi/joi npm 包处理 req.body，但这应该适用于其他验证器。

注意：我不使用 err instanceof multer.MulterError 来检查 Multer 文档 (https://github.com/expressjs/multer) 中描述的 Multer 错误的原因是一些打字稿类型检查错误。

Answer 2

嘿，我会给你一些对我有用的sn-ps，

• Multer 不使用文件

  const express = require('express');
  const multer = require('multer');
  const router = express.Router();
  const { check, validationResult } = require('express-validator');
  
  var upload = multer();
  
  var tagCreateValidator = [
    check('name', 'Name is required')
      .not()
      .isEmpty()
  ];
  
  // @route   POST api/tags
  // @desc    Create Tag
  // @access  Public
  router.post('/', upload.any(), tagCreateValidator, (req, res, next) => {
    const errors = validationResult(req);
    if (!errors.isEmpty()) {
      return res.status(400).json({ errors: errors.array() });
    }
  
    res.send(req.body);
  });
  

• 虽然我没有使用快速验证器，但这个是带有文件的 现在，一旦完成，我会更新这个答案

  const express = require('express');
  const Multer = require('multer');
  const gcsMiddlewares = require('../../gcs_middleware');
  const router = express.Router();
  
  const multer = Multer({
    storage: Multer.storage,
    limits: {
      fileSize: 10 * 1024 * 1024 //Maximum file size is 10MB
    }
  });
  
  // @route   POST api/users
  // @desc    Register user
  // @access  Public
  router.post(
    '/',
    multer.single('avatar'),
    gcsMiddlewares.sendUploadToGCS,
    (req, res, next) => {
      var imageUrl;
      if (req.file && req.file.gcsUrl) {
        imageUrl = req.file.gcsUrl;
      }
      var responseBody = {
        file: imageUrl,
        body: req.body
      };
  
      res.send(req);
    }
  );
  
  module.exports = router;
  

Answer 3

您可以通过直接调用imageUpload 中间件而不是像在您的代码中那样在中间件链中使用它来获取错误。

未经测试的 sn-p，但希望至少能将您推向正确的方向：

router.post('/addnewproperty', validationChecks, (req, res, next) => {  
    const errors = validationResult(req);

    if (!errors.isEmpty()) {
        console.log('text validation FAILED');
        return res.status(400).json({
            errors: errors.array()
        });
    }

    imageUpload(req, res, (multerErr) => {
        if(multerErr){
            console.log('Multer validation FAILED');
            return res.status(400).json({
                errors: [multerErr.message]
            });
        }else{
            console.log('validation PASSED');
        }  
    });
})

关于这个主题的更多信息，这里是官方Multer docs on Error handling。