본문 바로가기
[ Web ]/JavaScript & JQUERY

파일업로드 중 진행바 띄우기 (프로그레스바 생성)

by 관이119 2012. 9. 11.

 

세상을 다 가져라~ | 착한사랑
http://blog.naver.com/totaldb/60022053927

//파일업로드 중 진행바 띄우기( 프로그레스바 생성 )

<script language="JavaScript"> //자바스크립트 함수선언

var f;

function loadShow(){
f=document.frm1;
}

function Submit(){
f.add_chk.value="OK";

// 파일업로드 중 프로그래스바 띄우기끝

var str;
str = "<table width=100% height=100% align=center border=1 bordercolor=#000000><tr><td align=center valign=middle><br>";
str += "<span class='rnd_tit_9'>업로드 중... 잠시만 기다려 주세요...</style><br><br>";
str += "<img src='/images/loadingbar_red.gif' width='259' height='44'>";
str += "</td></tr></table>";

fileup.innerHTML = str;
if(f.add_chk.value="OK" ) {
fileup.style.visibility = "visible"; // submit 버튼이 눌려지면 fileup이라는 div를 visible로 바꿈
}
else {
fileup.style.visibility = "hidden";
}
// 파일업로드 중 프로그래스바 띄우기끝

f.submit(); //실제 폼 submit
alert("보고서가 등록되었습니다.");
opener.location.reload();
self.close();
}
</script>

<body leftmargin="5" rightmargin="5" topmargin="5" onLoad="loadShow()">

<form name=frm1 method=post action="업로드가실제이뤄질폼" enctype="multipart/form-data">

<table cellspacing=0 cellpadding=0 width="100%" border=0>
<tr>
<td align="center" height="40">
<A HREF="javascript<x>:Submit()"><img src="/images/rp_b_save.gif" border="0" alt="저장" align=center></A>
<A HREF="javascript<x>:self.close()"><img src="/images/rp_b_close.gif" border="0" alt="닫기" align=center></A>
</td>
</tr>
</form>
</table>
</body>
</html>
</x></x>

<!-- 파일업로드 중 프로그래스바 띄우기 폼에 div로 정의해놓기-->
<div id="fileup" style="text-align:center;text-valign:center;position:<x>absolute; padding-top:0px;top:80px;left:150px;;visibility:hidden;width:300px;height:120px;background-color:white;font-size:9pt;"></div></x>

<iframe bordercolor==#ffffff name=hidden marginwidth=0 marginheight=0 frameborder=yes height=0 width=0 scrolling=auto hspace=0 vspace=0></iframe>
<!-- 파일업로드 중 프로그래스바 띄우기끝 -->

댓글