인프런 커뮤니티 질문&답변

southbell09

작성한 질문수

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

예제로 구현하는 파일 업로드, 다운로드

이미지 파일을 response 할때 Content-Type 질문

작성

4.3K

[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? 어느정도
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 네
3. 질문 잘하기 메뉴얼을 읽어보셨나요? 네

[질문 내용]
강의에서

@ResponseBody @GetMapping("/images/{filename}") public Resource downloadImage(@PathVariable String filename)

이 메소드를 만드셨는데요 여기서 /images/{filenmae} 에 실제로 들어가보면 이미지 파일은 나오지 않고 깨진 문자들만 나오는게 강의 중간에도 잠깐 나옵니다.

그래서 이걸 이미지가 나오게 하고 싶어서 @GetMapping(produces = "image/jpeg") 와 같이 Content-Type을 지정해줬더니 이미지가 잘 나오더군요

근데 여기서 드는 의문이 Content-Type에 image/jpeg, image/png, image/gif 등.. image만 해도 여러가지 타입이 존재합니다 실제로도 파일이 여러 종류 존재하죠

제가 쓰는 크롬에서는 produces="image/jpeg" 로만 해줘도 png 파일을 보내도 잘 보이고 gif 파일을 보내도 잘 보이더군요

실제로 이런식으로만 해도 상관이 없나요?? 아니면 png는 정말로 image/png 등등 으로 완벽하게 구별을 해서 response 해줘야 하나요??

또 만약 완벽하게 구별을 해서 response 를 해야 한다면 어떤 방식을 사용하나요?? 설마 실제 파일 이름을 파싱해서 그거에 맞게 일일이 전부 케이스 분류로 content type을 지정해주지는 않을 것 같은데 말이죠

spring MVC

퀴즈

일반적인 HTML 폼 전송 방식(`x-www-form-urlencoded`)과 파일 업로드 시 사용하는 방식(`multipart/form-data`)의 주요 차이점은 무엇일까요?

전자는 텍스트만, 후자는 바이너리 데이터를 포함할 수 있습니다.

전자는 GET, 후자는 POST 메서드만 사용합니다.

전자는 헤더만, 후자는 바디만 전송합니다.

전자는 암호화되고, 후자는 암호화되지 않습니다.

답변 1

David

안녕하세요. southbell09님, 공식 서포터즈 David입니다.

아마 대충 던져도 잘 나타나는 이유는 브라우저에서 알아서 처리해줘서 그럴 것입니다.

파일 경로를 가지고 다음과 같이 처리해주면 MediaType을 반환해줍니다. 반환 받은 값을 헤더에 세팅해주면 됩니다. MediaType.parseMediaType(Files.probeContentType(path))

감사합니다.

데스나이트

David님 답변을 참고하여 코드를 작성 해보았습니다.

@GetMapping("/images/{filename}")
public ResponseEntity<Resource> downloadImageV2(@PathVariable String filename) throws IOException {
    String fullPath = fileStore.getFullPath(filename);
    MediaType mediaType = MediaType.parseMediaType(Files.probeContentType(Paths.get(fullPath)));
    UrlResource resource = new UrlResource("file:" + fullPath);
    return ResponseEntity.ok()
            .header(HttpHeaders.CONTENT_TYPE, mediaType.toString())
            .body(resource);
}

잘 작성하신 것 같습니다:)

작성한 질문수