form 값을 새창으로 전송하기

기존 URL을 이용해 작업하려다보니 문제가 생겼다. 파일을 전송해야하는데 form을 사용하지 않으면 안되는 것이다.

xml 파일을 전송하여 파싱하고 화면에 보여줘야한다. 복잡하게 하면 할 수 있겠으나 되도록 간단히 하고 싶었다.

그래서  form으로 만들어보았다.

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

<input type="file" name="xml_file" id="xml_file" /><a href="javascript:openXml();" >미리보기</a>

</form>

 ie에 최적화된 페이지여서 ie에서만 테스트 해보았다.

한가지 주의할 것은 a링크에 onclick을 사용하면 안된다. 그럼 부모창이 엉뚱한 링크로 이동하는 것을 볼것이다.

자바 스크립트는 다음처럼하면 된다.

function openXml(){

var frmXml = document.getElementById("formXml");

frmXml.target = "ListXml";

frmXml.action = "/confirm/ListXml.html";

var musicListXmlWindow = window.open("", "ListXml","width=450px,height=500px,status=no,resizable=no,channelmode=0,directories=no,location=no,address=no,menubar=no,toolbar=no,scrollbars=yes,left=0,top=0");

frmXml.submit();

}

위처럼 한 이유는 팝업창 사이즈를 정해야하기때문이다. 역시 찾아보면 어떻게든 만들 수 있구나.