미니츠미
1k
2021-12-29 18:37:42
2
132

form에 사진업로드 기능을 넣고싶은데 어떻게 해야할까요?


간단한 회원가입 페이지를 만들기 위해 jsp파일에서 아래와 같이 form태그를 사용하는데요.

여기에 사진 파일 업로드 기능을 추가해야 됩니다.

대충 찾아본 바로는 form태그에 enctype="multipart/form-data"라는 속성을 줘야 하는데

이 속성을 넣은 다음에 어떻게 해야할 지 모르겠어요. 그리고 위 속성을 넣으면 기존의 input태그에서 받던 것들이 잘 전달되지 않더라구요... 어떡하죠?

<form role="form" method="post" autocomplete="off">
	<p>
		<label for="userId">아이디</label>
		<input type="text" id="userId" name="userId" />
		
		<button type="button" class="idCheck">아이디 확인</button>
	</p>  
	
	<p class="result">
		<span class="msg">아이디를 확인해주십시오.</span>
	</p>
	
	<p>
		<label for="userPass">패스워드</label>
		<input type="password" id="userPass" name="userPass" />
	</p>
	<p>
		<label for="userName">닉네임</label>
		<input type="text" id="userName" name="userName" />
	</p>
	<p>
		<label for="phone">전화번호</label>
		<input type="text" id="phone" name="phone" />
	</p>
    <p>
       <label for="address">주소</label>
       <input type="text" id="address" name="address" readonly />
    </p>
    <p>
        <label for="address_detail">상세 주소</label>
        <input type="text" id="address_detail" name="address_detail" />
    </p>
    <p>
    	<label for="about_me">자기 소개</label>
    	<textarea id="about_me" name="about_me"></textarea>
    </p>

	<p>
		<button type="submit" id="submit" disabled="disabled">가입</button>  
	</p>
	<p>
		<a href="/">처음으로</a>
	</p>
 
</form>


0
  • 답변 2

  • 파스티노
    39
    2021-12-29 19:09:10

    https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file

    여기 한번 쭉 읽어보시는 것을 추천드려요

  • 미니츠미
    1k
    2021-12-29 21:53:03

    파스티노

    봐도 잘 모르겠네용..

    프론트단에대한 설명만 있어서요..

    자바에선 어떻게 해야하는지도 알려줬으면 좋겠는데 그건 없네요.

  • 로그인을 하시면 답변을 등록할 수 있습니다.