How to validate multipart/form-data

Hi, there. Sorry to bother you but I’ve got problems to validate multipart/form-data from an angular app

Express

exports.create = {
  body: {
    content: Joi.string().required(),
    title: Joi.string().required()
  }
};

router.post('',
  celebrate(validators.create),
  jwtVerify,
  extractFile,
  controllers.create
);

Angular

add(data): Observable<Post> {
    const { title, content, isDraft, image } = data;
    const postData = new FormData();
    postData.append('title', title);
    postData.append('content', content);
    postData.append('isDraft', isDraft);
    postData.append('image', image, title);
    return this.http.post<Post>(this.postsUrl, postData)
   .pipe(catchError((error: any) => HttpErrorHandler.handle(error)));
  }

The error message is {“isJoi”:true,“name”:“ValidationError”,“details”:[{“message”:“"content" is required”,“path”:[“content”],“type”:“any.required”,“context”:{“key”:“content”,“label”:“content”}}],“_object”:{},“_meta”:{“source”:“body”}}

Can you help me, please ?

Issue Analytics

State:
Created 5 years ago
Comments:13 (6 by maintainers)

Top GitHub Comments

3reactions

arbcommented, Aug 12, 2018

Ok so if req.body is an empty object, then multer isn’t parsing the multipart form before req is passing through the celebrate middleware. You probably have to move it down past extractFile. What I would do is keep moving the logging statement down until req.body has some values, and then put the validation middleware at that spot.

1reaction

leoyoshiicommented, Jun 16, 2021

Ok so if req.body is an empty object, then multer isn’t parsing the multipart form before req is passing through the celebrate middleware. You probably have to move it down past extractFile. What I would do is keep moving the logging statement down until req.body has some values, and then put the validation middleware at that spot.

This is worked for me, Thanks 👍.

postRouter.post(
  '/',
  upload.array('photos'),
  celebrate({
    [Segments.BODY]: {
      text: Joi.string().required(),
      title: Joi.string().required(),
    },
  }),
  postController.create,
);