본문 바로가기
성동스터디 (2021.09.09 ~ ing)/React + Spring

[Spring][React] 업로드 이미지 불러오기

by juniKang 2021. 12. 20.
1. 이미지 업로드 : https://junikang.tistory.com/289
2. 이미지 불러오기 : https://junikang.tistory.com/303

 

응용예시

1. React

img의 src에 URL을 입력하면, 백엔드로 요청을 보낼 수 있습니다. 

<img
  src={"http://loaclhost:8080/image?image=" + post.imageName} 
  alt="image from spring"
/>

 

2. Spring

스프링에서 요청을 받아 이미지를 응답합니다.

import org.springframework.core.io.Resource;
...

@CrossOrigin
@GetMapping("/image")
public ResponseEntity<?> returnImage(@RequestParam String imageName) {
  String path = "C:\\juni\\respository\\image\\"; //이미지가 저장된 위치
  Resource resource = new FileSystemResource(path + imageName);
  return new ResponseEntity<>(resource, HttpStatus.OK);
}

 

 

 

참고 : https://dev-gorany.tistory.com/17

 

 

댓글