로컬 폴더에 저장한 이미지 리턴할 때 반환 타입을 어떻게 해야 하는지

Question

안녕하세요.프론트에서 입력한 이미지를 스프링부트를 이용하여 로컬 폴더에 저장하였습니다.DB 테이블에는 uuid를 섞어서 만든 이미지 URL(localhost:8080/....)과 이미지를 저장한 로컬 저장 경로를 포함하고 있습니다.프론트에서 이미지 요청 API를 호출하면 해당 이미지를 요청할 때 서버에서는 해당 이미지를 어떤 타입으로 리턴해줘야 하는 걸까요?

양반후반 · Accepted Answer

외부에서 접근 가능한 static 경로에 파일을 저장 후 해당 경로를 기반으로 url을 반환 하는것이 있고 서버에서 직접 파일을 읽어 바이너리로 반환 하는것이 있습니다.

fads · Answer

img src="imgURL" 형식으로 쓰시려면 로컬저장경로+파일명을 문자열로 해주시면될것같습니다

해결사다 · Answer

(공통)파일을 업로드 할 때 서버에서 지정한 루트에 파일을 저장하고 경로를 DB에 남겨둡니다.이미지를 표시하거나 다운로드를 연결할 경로를 프로젝트 루트의 ContextRoot와 조합하여 정적 리소스파일을 불러옵니다.(F12만 눌러도, 리소스의 경로가 보인다는 단점이 있음)(자바의 경우) 이미지를 표시하거나 다운로드를 연결할 경로를 컨트롤러로 mapping할 경우, 아래와 같은 식의 ResoponseEntity를 리턴하는 메소드를 이용합니다.@GetMapping("/download/img") public ResponseEntity downloadImg() { return ResponseEntity.ok() .contentType(MediaType.IMAGE_PNG) // (3) .header(HttpHeaders.CONTENT_DISPOSITION, ContentDisposition.inline() // (4) .filename(SAMPLE_FILE_NAME, StandardCharsets.UTF_8) .build() .toString()) .body(resource); }

로컬 폴더에 저장한 이미지 리턴할 때 반환 타입을 어떻게 해야 하는지

3개의 답변

Q&A 목록