1<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="iso-8859-1"%> 2 3<html><head> 4 <%@ include file="head.jsp" %> 5 <style type="text/css"> 6 #progressBar {width: 350px; height: 11px; border: 1px solid black; display:none;} 7 #progressBarContent {width: 0; height: 10px; background: url("<c:url value="/icons/default/progress.png"/>") repeat;} 8 </style> 9 <script type="text/javascript" src="<c:url value="/dwr/engine.js"/>"></script> 10 <script type="text/javascript" src="<c:url value="/dwr/util.js"/>"></script> 11 <script type="text/javascript" src="<c:url value="/dwr/interface/transferService.js"/>"></script> 12 13 <script type="text/javascript"> 14 function refreshProgress() { 15 transferService.getUploadInfo(updateProgress); 16 } 17 18 function updateProgress(uploadInfo) { 19 20 var progressBar = document.getElementById("progressBar"); 21 var progressBarContent = document.getElementById("progressBarContent"); 22 var progressText = document.getElementById("progressText"); 23 24 25 if (uploadInfo.bytesTotal > 0) { 26 var percent = Math.ceil((uploadInfo.bytesUploaded / uploadInfo.bytesTotal) * 100); 27 var width = parseInt(percent * 3.5) + 'px'; 28 progressBarContent.style.width = width; 29 progressText.innerHTML = percent + "<fmt:message key="more.upload.progress"/>"; 30 progressBar.style.display = "block"; 31 progressText.style.display = "block"; 32 window.setTimeout("refreshProgress()", 1000); 33 } else { 34 progressBar.style.display = "none"; 35 progressText.style.display = "none"; 36 window.setTimeout("refreshProgress()", 5000); 37 } 38 } 39 </script> 40 41</head> 42<body class="mainframe bgcolor1 content_main" onload="${model.user.uploadRole ? "javascript:refreshProgress()" : ""}"> 43<table align="right"> 44<tr> 45<td></td> 46</tr> 47</table> 48 49<h1> 50 <img src="<spring:theme code="loadImage_mini"/>" width="32" alt=""/> <fmt:message key="more.upload.title"/> 51</h1> 52 53 54<c:if test="${model.user.uploadRole}"> 55 56 <h2></h2> 57 58 <form method="post" enctype="multipart/form-data" action="upwin.view"> 59 <table> 60 <tr> 61 <td><fmt:message key="more.upload.source"/></td> 62 <td colspan="2"><input type="file" id="file" name="file" size="55"/></td> 63 </tr> 64 <tr> 65 <td><fmt:message key="more.upload.target"/></td> 66 <td><input type="text" id="dir" readonly="readonly" name="dir" size="45" value="${model.uploadDirectory}Upload-${model.user.username}"/></td> 67 <td><input type="submit" value="<fmt:message key="more.upload.ok"/>"/></td> 68 </tr> 69 <tr> 70 <td colspan="2"> 71 <input type="checkbox" checked name="unzip" id="unzip" class="checkbox"/> 72 <label for="unzip"><fmt:message key="more.upload.unzip"/></label> 73 </td> 74 </tr> 75 </table> 76 </form> 77 <br> 78 79 <p class="enter" id="progressText"/> 80 81 <div id="progressBar"> 82 <div id="progressBarContent"/> 83 </div> 84 85</c:if> 86 87</body> 88</html>