인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

southbell09님의 프로필 이미지

작성한 질문수

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

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

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

작성

·

4.1K

0


[질문 템플릿]
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을 지정해주지는 않을 것 같은데 말이죠
 

답변 1

0

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);
}
David님의 프로필 이미지

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