How to define a controller method as to accept a JSON that have a media type filed with Spring Boot?

Question

I'm trying to take a Json object from front-end. This represent a course. The course have a field logo, the image of the course. In my Controller I have the following method:

@PostMapping(value="/register-course", consumes = "multipart/form-data" )
    public Response courseCreated(@RequestBody @Valid CourseCreatedRequest courseCreatedRequest, @RequestPart(value = "logo") MultipartFile file) throws IOException {
        return Response.ok().setPayload(registerCours(courseCreatedRequest, file));
    }

        private CourseDto registerCours(CourseCreatedRequest courseCreatedRequest, MultipartFile file) throws
        IOException {
            CourseDto courseDto = new CourseDto()
                    .setCourseName(courseCreatedRequest.getCourseName())
                    .setCourseDescription(courseCreatedRequest.getCourseDescription())
                    .setCoursePrice(courseCreatedRequest.getCoursePrice())
                    .setIsCourseActive(courseCreatedRequest.getIsCourseActive())
                    .setIsCourseFree(courseCreatedRequest.getIsCourseFree())
                    .setLogo(file.getBytes());

            return courseService.createNewCourse(courseDto);
        }

In the Service layer I have the logic to compress(when persisiting the image in DB) and uncomress (when render the image back to fend):

@PrePersist
public CourseDto createNewCourse(CourseDto newCourseDto) {

    Courses course = courseRepositoryDao.findByCourseName(newCourseDto.getCourseName());
    if (course == null) {

        course = new Courses()
                .setCourseName(newCourseDto.getCourseName())
                .setCourseDescription(newCourseDto.getCourseDescription())
                .setCoursePrice(newCourseDto.getCoursePrice())
                .setIsCourseFree(newCourseDto.getIsCourseFree())
                .setIsCourseActive(newCourseDto.getIsCourseActive())
                .setLogo(compressZLib(newCourseDto.getLogo()))
        ;
        return CourseMapper.toUserDtoFreeCourses(courseRepositoryDao.save(course));
    }
    throw exception(EntityType.NEWCOURSE, ExceptionType.DUPLICATE_ENTITY, newCourseDto.getCourseName());
}

When I send the JSON with the logo field as an image file via POSTMAN, I get 415 Error - Unsuported media type.

Where I am wrong? I think that I need to change my controller, but how? I need somehow to take the image from the JSON with MultipartFile class?

Update: I sent JSON and a file in body, and I think this is the problem. I need to put MultipartFile in controller.

I have followe other answers and still 415 error. In postman I left Content-Type with no value.

annotating the courseCreatedRequest argument with @RequestBody is enough to bind the JSON data sent from the clients. — sanjeevRm, May 13 '21 at 15:52
yes, but I sent JSON and file in body, and I think this is the problem. I need to put MultipartFile in controller. — Bogdan, May 13 '21 at 18:59
Please check out this: https://stackoverflow.com/questions/54575893/spring-boot-multipart-unsupported-media-type — Alexandros Kourtis, May 13 '21 at 21:25
Does this answer your question? [Spring Boot - Multipart - Unsupported Media Type](https://stackoverflow.com/questions/54575893/spring-boot-multipart-unsupported-media-type) — Triet Doan, May 13 '21 at 21:39
@ Dread Pirate Alex ,I dont't have a f end. I tested with Postman. — Bogdan, May 14 '21 at 06:39
Did you add "consumes = "multipart/form-data" in the controller?. Also check out this: https://stackoverflow.com/questions/52818107/how-to-send-the-multipart-file-and-json-data-to-spring-boot — Alexandros Kourtis, May 14 '21 at 19:12
@Triet Doan , yes it helps. It was a part of the answer. Tks! — Bogdan, May 15 '21 at 06:35

Alexandros Kourtis · Accepted Answer · 2021-05-14T20:24:02.743

1

For me how I did something similar was like so: In the back end (Spring):

@PostMapping(path = "/{your-route-goes-here}", consumes = "multipart/form-data")
public Course addCourse(@RequestPart(required = false, name = "file") MultipartFile file,  @RequestPart("course") Course course) {

    // do stuff here
}

In the front end javascript (with axios for the http request):

   const course = {
      "property": "value"
   }

  const formData = new FormData();
  formData.append("file", file);
  formData.append("course", course);
  
  axios
    .post("/your-route-goes-here", formData)

  // etc

Please check out the pictures for reference:

backend:

postman:

the 'Course' model:

edited May 14 '21 at 20:24

answered May 13 '21 at 21:36

Alexandros Kourtis

539
2
6
20

can you send screenshots of postman? the body and the headers... Also does the CourseCreatedRequest have a default constructor?? – Alexandros Kourtis May 14 '21 at 20:44
1

It works like u said but with a minor difference. I have put in CONTENT TYPE column multipart/form-data to the file row. And it work like this. Tks! – Bogdan May 14 '21 at 20:52
:)) Good luck with your project – Alexandros Kourtis May 14 '21 at 22:31
Tks bro! Keep in touch! – Bogdan May 15 '21 at 06:32

How to define a controller method as to accept a JSON that have a media type filed with Spring Boot?

1 Answers1