기본 콘텐츠로 건너뛰기

업로드된 이미지를 브라우저로 보기

업로드된 이미지를 브라우저로 보기
- WEB-INF 아래의 디렉토리는 웹브라우저에서 접근 불가(WEB-INF/files/)
- 서버측에서 WEB-INF 아래의 이미지를 전해 줄 수는 있음
- <img src="/image/mypic.jpg">
- 위의 태그가 웹브라우저에 로드되면 웹브라우저는 해당 이미지를 서버에 요청하게됨
- 위의 요청을 처리하는 컨트롤러 메소드가 있다면 이 때 그 메소드가 실행됨
- 컨트롤러에서는 @ResponseBody를 사용하여 byte[]이 브라우저로 리턴되도록 함
- 이미지 데이터를 받은 <img src="xxxx">태그는 이미지를 화면에 표시할 수 있음

@Controller
@RequestMapping("/images")
public class ImageController {
    @Autowired
    ResourceLoader resourceLoader;

    @GetMapping(value="/{filepath}", produces=MediaType.IMAGE_JPEG_VALUE)
    @ResponseBody
    public byte[] getImage(@PathVariable("filepath") String filepath) {
    try {
        Resource resource = resourceLoader.getResource("WEB-INF/files/" + filepath);
        System.out.println("resource:"+resource);
        InputStream is = resource.getInputStream();
        int len = (int)resource.getFile().length();
        byte[] buf = new byte[len];
        is.read(buf);
        is.close();
        return buf;
    } catch(Exception e) {
        System.err.println("이미지 로드 실패");
        //e.printStackTrace();
    }
    return null;
    }
}

이 블로그의 인기 게시물

Python 인공신경망 추천 시스템(회귀)

예제 # 인공신경망을 이용한 추천 시스템 # - 순차형(Sequential) 신경망 생성법 # - 함수형(Functional) 신경망 생성법 # - 지금까지 나온 추천 방식 중에서 가장 좋은 성능 # - Regression 방식으로 분석가능 # - 영화의 평점 정보(userid, movieid, rating) # - 이용자는 영화에 대한 취향이 모두 다르다 # - 영화는 다양한 장르가 혼합되어 있다 # - 이용자는 자신의 취향에 맞는 영화에 높은 rating을 제시함 # - 어떤 이용자에게 어떤 장르의 영화를 추천할 것인가? # __call__() 함수를 가진 클래스는 파이썬 함수 callable(클래스)를 사용하면 True를 반환한다 from tensorflow.keras.models import Sequential, Model from tensorflow.keras.layers import Dense, Embedding, Input input = Input(shape=(1,)) # 함수형 신경망 생성법 hidden1 = Dense(2, activation='relu')(input) # Dense(2, activation='relu')__call__() hidden2 = Dense(2, activation='relu')(hidden1) # callable.object callable(Dense) # __call__ 함수가 있으면 True, 없으면 False # Using Functional API from keras.models import Sequential from keras.layers import * model = Sequential() model.add(Input(shape=(3,))) # Input tensor model.add(Dense(4)) # hidden layer 1 model.add(Dense(units=4)) # hidden layer 2 model.add(Dense(units=1)) # ou...

Blogger

코드 하이라이트 사이트 http://hilite.me/ 코드 <!-- 나만의 공간 --> <style id='daru_css' type='text/css'> .code {      overflow: auto;      height: 200px;      background-color: rgb(239,239,239);      border-radius: 10px;      padding: 5px 10px; } .code::-webkit-scrollbar-thumb {      background-color: grey;      border: 1px solid transparent;      border-radius: 10px;      background-clip: padding-box;   } .code::-webkit-scrollbar {      width: 15px; } </style> <!-- 나만의 공간 -->

Javascript on 함수

엔터키 감지하기 <input type="password" onkeypress="func(event)" /> function func(event) {      if(event.keyCode == 13) { // keyCode 13은 엔터이다           alert("엔터를 입력했습니다.");     }     if (event.tartget.value == 13) {          alert("엔터를 입력했습니다.");     } }