MultipartFile 객체를 form의 input으로 보내서 이미지가 나오게 하는 방법이 있나요?
제가 앞쪽 validation 하고 연결해서 실습을 해보고 있는데요.
자바스크립트로 img 테그에서 input이 가지고 있는 file의 url 주소를 링크해서 이미지를 보이게 해놨거든요.
그래서 사용자가 input 태그에서 이미지 파일을 선택하면 그 파일이 미리보기로 화면에 나타납니다. 그래서
input에 th:value = *{profileImg} 이렇게 해놓고 서버로 전송하면 파일의 바이러니 정보를 multipart 객체에 받아오긴 하는데요.
form 데이터에 오류가 있을 경우 다시 form.html로 받았던 modelattribute 객체를 전송해주잖아요? 그래야 사용자가 쓰던 form이 그대로 보일거구요.
그런데 th:vlaue = *{profileImg} 여기는 multipart 객체 패키지 정보와 해시코드가 전달됩니다. 당연히 사용자가 업로드해놨던 img 파일은 보이지 않고요.
multipar객체로 받았던 img 파일을 다시 form의 input에 file로 보내고, 이미지가 화면에 보이도록 하는 방법이 있을까요?
Answer 1
3
안녕하세요. 컴퓨터공부하자님
multipart에서 파일 전송의 경우 검증 실패시 다시 화면에 돌아왔을 때 파일 정보까지 모두 가지고 있는 것은 어렵습니다.
대안 방법으로는 AJAX 같은 것으로 파일업로드 시점에 서버에 미리 파일을 업로드 해두고, 해당 파일의 id나 위치 정보만 서버로 업로드 하는 방법이 있습니다.
관련해서 Ajax 파일 업로드로 검색해보시면 도움이 되실거에요.
감사합니다.
이미지 업로드와 db 트랜잭션 묶는법
0
41
1
Could not resolve org.springframework.boot:spring-boot-starter-validation:2.4.4
0
52
2
MessageSourceTest 코드
0
46
1
인터셉터 에러 설정
0
48
1
resolveArgument()메서드 질문
0
55
1
43강 검증1 에서 실패 로직 관련 질문있습니다.
0
53
2
타임리프 3.X 버전 rendering, serializer 에러 해결 방법
2
132
3
스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ
0
88
3
pdf 오타 문의
0
56
1
ItemUpdateForm 검증 관련 질문입니다.
0
47
1
22page 링크 주소 변경
0
58
2
특정 데이터와 파일을 함께 저장 시, 테이블 구조 질문
0
52
1
섹션3번 수업에 대한 질문입니다.
0
79
2
@Autowired 보다 더 좋은 방법이 어떤 걸까요?
0
84
2
타입컨버터 가 람다랑 비슷해 보이는데 저의 생각이 맞는지?.
0
64
1
자바스크립트 인라인에서 객체 직렬화 시 오류가 납니다
0
141
3
스프링부트 - 오류페이지2 에서 500.html 에서 쓰인 객체 질문
0
63
1
톰캣 에러 페이지가 안보입니다.
0
100
2
apiEceptionController에서 센드 에러 호출하면 안되는지?
0
80
1
세션 타임아웃시 쿠키 삭제 방법이 없나요?
0
118
2
ApiExceptionController 질문드립니다.
0
62
1
셀렉박스 챕터에서 option value에 ==배송 방식 선택== 이것을 넣은 이유가 궁금함, 이렇게 구상해도 되는지?
0
64
1
MemberRepository 필드의 fianl 선언 유무
0
84
2
혹시 index.html 에서는 fragment 사용이 안되는건가요
0
57
1