운동하자 친구야) 이미지 불러오기 중간 리뷰

현재 로그인, 이미지 업로드, DB 저장 등이 모두 다 구동 된다.

이제 핵심은 메인 페이지에서 업로드한 이미지들을 가져오면 된다.

매우 쉽게 생각했다.

이미 DB에 경로가 저장 되어있으니 그거 그대로 가져오면 되는 것 아닌가.

그런데 안된다.

아오 지금 이것때문에 이틀이 날라가고 있다.

크게 두가지로 접근 중이다.

하나는 어차피 이미지가 로컬경로에 있으니 로컬경로로 접근하여 가져오자.

-> Not allowed resource... 크롬에서 보안 문제로 바로 접속이 불가하다고 한다.

이를 수정하기위해 context path를 수정중인데 그래도 안된다..

두번째는 버퍼 스트림으로 그대로 읽어 오는 것인데

이것또 안된다. 컨트롤러에서 버퍼로 가지고 와도 이걸 jsp에서 어떻게 뿌려줘야할지 모르겠다...

ㅠㅠ

# 질문한 결과 로컬로 접근하는 것은 잘못됬으며

버퍼이미지를 그대로 갖고와서 뿌려주면 된다고 한다.

갖고오는것은 쉬운데 jsp에서 어떠헥 뿌려야할지 모르겠따.

# img 태그를 보면 src는 주소값이다.. 

나는 ResponseEntity byte[]로 가져온 값을 jsp 내에서 재조립 하려고 하는데 이게 잘 안된다.

<c:forEach items="${fdata}" var="data" varStatus="cnt">

<h2> ${data.value}</h2>

<img src = "data:image/jpeg;base64,${data.value}" alt="..." width="200" height="200" />

<img src="data:image/jpg;base64,<c:out value='${data.value}'/>" />

<img src="data:image/jpg;base64,${data.value}">

<h2> hell</h2>

    </c:forEach>

이런 식으로 구성중인데 되지 않는다.

아무래도 src 내에 컨트롤러를 불러와야하나보다.

http://hellogk.tistory.com/129

여기에 나와있는 방법을 참고해야겠따..

src에 컨트롤러를 불러오게 된다면 현재 파일을 가져와서 byte로 구성하는 로직을 바꿔야한다.

근데 또 문제 하나가 없는 파일이 있는 경우가 있어서.. 

위에 로직은 20개를 가져오고 그중에서 있는 파일만 접근해서 byte로 구성하게 했는데..

이걸 다시 바꾸면 어떻게 접근해야할지 감이 안잡힌다.

그냥 열심히 파일관리를 해야겠다 라는 생각이 든다..