KoXo 자바스크립트 - 개체(object) - 화일 업로드(Fileupload) 예제

<DIV id=valueShow class=show style=width:400></DIV>
<DIV class=show style=text-align:center;width:400>
<FORM name="testForm" action="../../object/exp/wformReceive.html" target="win">
<INPUT type="file" name="upLoadFile" onChange="valueShow.innerHTML=this.value"
  onFocus="this.style.backgroundColor='ffff00'" onBlur="this.style.backgroundColor=''">
<INPUT type="submit" name="submit" value="송신">
</FORM>
</DIV>

wformReceive.html 파일 내역

<!DOCTYPE html public "-//w3c//dtd html 4//en">
<HTML>
<HEAD>
<TITLE>언어 참조 - Javascript - 개체(object) - 송신 포맷 예제 (form submit format)</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=euc-kr">
<LINK rel="stylesheet" type="text/css" href="../../public/jscript.css">
<SCRIPT Language="Javascript">
<!-- 감춤
loc=document.location;
var br='<BR>';
var varNames=new Array();
var varVals=new Array();

unescLoc=unescape(loc);
quPoint=unescLoc.indexOf("?");
if (quPoint!=-1){
  url=unescLoc.substring(0,quPoint);
  allVars=unescLoc.substring(quPoint+1,unescLoc.length);
} else url=unescLoc;

function varLoop(){
  document.write('<SPAN class=navy>index] inputName=inputValue</SPAN>'+br);
  vidx=0;
  fr=0;
  for (i=0;i<=allVars.length;i++){
    char=allVars.charAt(i);
    if((char=='&')||(i==allVars.length)){
      oneVar=allVars.substring(fr,i)
      fr=i+1;
      for (j=0;j<ONEVAR.length;j++){
        char1=oneVar.charAt(j);
        if (char1=='=') equPoint=j;
      }
      varNames[vidx]=oneVar.substring(0,equPoint);
      varVals[vidx]=oneVar.substring(equPoint+1,oneVar.length)
      document.write(vidx+'] '+varNames[vidx]+'='+unescape(varVals[vidx])+br)
      vidx++;
    }
  }
}

function winResize(){
  window.moveTo(50,0);
  window.resizeTo(900,620);
}
// 감춤 끝  -->
</SCRIPT>
</HEAD>

<BODY onLoad=winResize()>
<H3><IMG src=../../../gif/rfexample.gif> 송신 포맷 예제 (form submit format) - 서버 수신</H3>
<DIV class=explain>
<DIV class=show style=text-align:left;margin-left:2em;margin-right:1em;width:100%>
<TABLE border=1 cellspacing=0 cellpadding=2 class=data align=center width=100%>
<COL style="white-space:nowrap"><COL class=code style="">
<COL style=""><COL class=navy style="">
<TR><TD>opener</TD><TD><SPAN class=blue><SCRIPT>document.write(window.opener.location)</SCRIPT></SPAN></TD></TR>
<TR><TD>locatin(loc)</TD>
<TD><SPAN class=brown><SCRIPT>document.write(loc)</SCRIPT></SPAN></TD></TR>
<TR><TD>unescape(loc)</TD>
<TD><SPAN class=blue><SCRIPT>document.write(unescLoc)</SCRIPT></SPAN></TD></TR>
<TR><TD>url</TD>
<TD><SPAN class=blue><SCRIPT>document.write(url)</SCRIPT></SPAN></TD></TR>
<TR><TD>allVars</TD>
<TD><SPAN class=blue><SCRIPT>document.write(allVars)</SCRIPT></SPAN></TD></TR>
<TR><TD>.name .value</TD>
<TD><SPAN class=blue><SCRIPT>varLoop()</SCRIPT></SPAN></TD></TR>
</TABLE>
</DIV>
</DIV>
<IMG src="../../../gif/rfcode.gif" border=0 alt="HTML Code">
<INPUT type="button" value="HTML 소스 보기" onclick="window.location='view-source:'+window.location.href">
<SPAN style=width:5em></SPAN>
<INPUT type="button" value="예제창 닫기" onClick="self.close()">
</BODY>
</HTML>