[HTML] input 파일 입력 받기

보통 input으로 글만 입력 받았다. 그러나 이제 파일을 입력받아보자!

<form action="#" th:action="@{/board/form}" th:object="${board}" method="post" enctype="multipart/form-data">
    <input id="uploadInput" type="file" class="btn btn-outline-primary" name="files" accept="image/*" multiple />
</form>

• form의 enctype을 multipart/form-data로 지정함으로써 입력 파일을 서버에 보낼 수 있도록 한다.
• type="file"을 통해 파일을 입력받을 수 있도록 한다.
• accept를 통해 입력받을 수 있는 파일 기본값을 바꾼다. (모든파일을 받을 수 있긴 함)
• multiple을 통해 여러 파일을 선택할 수 있다.

!주의 : 만약 Spring을 서버로 사용하는파일을 @RequestBody로 전달받을 경우 Content-Type이 multipart/form-data로 전달받기 때문에 오류를 일으킨다.