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
'성동스터디 (2021.09.09 ~ ing) > React + Spring' 카테고리의 다른 글
[Spring][React] 이미지 업로드 (2) | 2021.12.19 |
---|---|
[React + Spring Boot 연동 (3/3)] - API를 사용하여 정보 주고받기 (0) | 2021.12.11 |
[React + Spring Boot 연동 (2/3)] - 백엔드 설정과 API 만들기 (0) | 2021.12.10 |
[React + Spring Boot 연동 (1/3)] - 프론트엔드 설정과 화면그리기 (2) | 2021.12.09 |
댓글