스크립트로 폼의 형식을 멀티파트(multipart/form-data)로 바꿔서 전송하기(javascript form enctype)

※ 내용 업데이트와 홈페이지 관리 다시 시작하겠습니다. ^^;

자바스크립트로 폼형식을 멀티파트로 바꿔서 전송하는 예제입니다.

아래와 같이 만들어진 폼을

<form name="form1" method="get" action="">

스크립트로 아래처럼 바꾸어 주게됩니다.

<form name="form1" method="post" action="" enctype="multipart/form-data">

enctype 이 핵심인데요...

스크립트로 enctype을 설정할때는 encoding = 'multipart/form-data' 처럼 해야 합니다.

enctype 으로는 안됩니다.

아래 소스를 참고해 주세요 ^^

참고로 application/x-www-form-urlencoded 이 기본값 입니다.

예제

예제는 보이지 않을 것입니다...

소스

예제는 보이지 않을 것입니다...

<form name="form1" action="" method="get">
<input type="hidden" name="seq" value="1">
<input type="hidden" name="mode" value="U">
<input type="hidden" name="searchQuery" value="XXX">
</form>

<script type="text/javascript">
<!--
	function goDelete(){
		if(!confirm('삭제 할래염?'))return;
		var frm = document.form1;
		frm.mode.value = 'D';
		frm.method = 'post';
		frm.encoding = 'multipart/form-data';
		frm.action = 'proc.asp';
		frm.submit();
	}
//-->
</script>

예제는 보이지 않을 것입니다...

<form name="form1" action="" method="get">
<input type="hidden" name="seq" value="1">
<input type="hidden" name="mode" value="U">
<input type="hidden" name="searchQuery" value="XXX">
</form>

<script type="text/javascript">
<!--
	function goDelete(){
		if(!confirm('삭제 할래염?'))return;
		var frm = document.form1;
		frm.mode.value = 'D';
		frm.method = 'post';
		frm.encoding = 'multipart/form-data';
		frm.action = 'proc.asp';
		frm.submit();
	}
//-->
</script>

소스 설명

goDelete() 를 실행하게되면

위 폼은 multipart/form-data 와 POST 형식으로 바뀌어

proc.asp 로 데이터를 폼전송하게 됩니다.

☞ 달팽이홈2

등록일 : 2009-04-18