관리-도구
편집 파일: upload_form_tiny2.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <Title>XUpload form</Title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <link rel="stylesheet" type="text/css" href="xupload.css"> <Style type="text/css"> #my_file_element {font: 12px Arial; border: 1px solid #636363; margin-top: 5px; width: 275px;text-align: center;} #submit_btn, #stop_btn {position:absolute; margin: 6px 0 0 3px; width: 60px;} .pie { display: block; float: left; margin: 0 3px 0 0; padding: 0; width: 30px; height: 30px; background-image: url('slices2.gif'); text-align: center; } .pie b { position: relative; top : 8px; font: bold 11px Arial; } </Style> </HEAD> <BODY> <Center> <br><br> <form id="myform" enctype="multipart/form-data" action="/cgi-bin/upload.cgi" method="post" onSubmit="return StartUpload(this);"> <input type="hidden" name="xmode" value="1"> <Input type="hidden" name="pbmode" value="5"> <input type="hidden" name="tmpl_name" value=""> <DIV id="div1"> <div class="pie" id="pie"><b id="pieb">0%</b></div> <div class="upload_input2"> <input id="my_file_element" type="file" name="file_1" onChange="checkExt(this)" size=36> <input type="submit" value="Upload" class="myForm" accessKey="1" id="submit_btn"> <input type="button" value="Stop" onclick="StopUpload();" class="myForm" id="stop_btn" style="visibility: hidden;"> </div> </DIV> </form> </Center> <iframe src="about:blank" name="xupload" style="position:absolute;left:-9999px;"></iframe> <script type="text/javascript"> var x_form_id = 'myform'; function SPI(percent,cursize,time,speed,files,left) { document.getElementById('pieb').innerHTML = percent+'%'; margin = 0-30*Math.round(parseFloat(percent)/5); document.getElementById('pie').style.backgroundPosition=margin+'px 0'; } </script> <script type="text/javascript" src="xupload.js"></script> </BODY> </HTML>