[java] 스크립트 – 파일 업로드 시 진행 상태 표시

용량이 큰 파일을 업로드할 때 웹브라우져 하단의 노란색 막대기만 쳐다보는 경우가 있

습니다

<html>

<head>

<script>

var upWin=null;

function upWin_show(){

if(form.userfile.value!=”){

      upWin=window.open(‘upwin.html’,’upWin’,’width=200,height=100′);

   }

}

function upWin_hide(){

if(upWin!=null){

      upWin.close();

   }

}

</script>

</head>

<body onunload=’upWin_hide()’>

<form name=form method=post action=some.php onsubmit=’upWin_show()’>

<input type=file name=userfile>

<input type=submit>

</form>

</body>

</html>

이렇게 하면 submit버튼이 클릭되는 순간에

새창이 뜨고 원래 창은 열심히 업로드를 합니다

그리고 파일이 다 올라가고 some.php로 옮기는 순간

새창은 닫히게 되죠…(아마 될 겁니다)

다음은 upwin.html의 내용입니다

<head>

<title>파일 업로딩…</title>

<script>

window.moveTo((screen.width-200)/2,(screen.height-100)/2);

</script>

</head>

<body onblur=’window.focus()’>

…이부분은 플래쉬나 이미지나 음악이나 그런걸로 알아서…

</body>

스크린의 중앙으로 창을 옮기고(…아마 옮겨 질겁니다)

포커스가 벗어나면 다시 포커스를 줍니다(Always On Top 비스므리하게…)

이상입니다요

그리고 설마 진행율 표시까지 바라시는건 아니시겠죠?

서진우

슈퍼컴퓨팅 전문 기업 클루닉스/ 상무(기술이사)/ 정보시스템감리사/ 시스존 블로그 운영자

You may also like...

페이스북/트위트/구글 계정으로 댓글 가능합니다.