采用dwr ajax和struts开发文件上传进度条

<div id="theMeter"> 字串8

<div id="progressBarText"></div>

<div id="progressBarBox">

字串3

<div id="progressBarBoxContent"></div>

字串1

</div>

</div> 字串2

</div> 字串9

</td>

</tr>

字串8

</table>

字串6

</form> 字串8

</body>

</html> 字串6

并且要修改一下\resources\js中的upload.js文件： 字串4

function refreshProgress()

{ 字串8

UploadMonitor.getUploadInfo(updateProgress); 字串8

} 字串6

字串4

function updateProgress(uploadInfo)

{ 字串1

if (uploadInfo.inProgress) 字串9

{ 字串5

document.getElementById('uploadbutton').disabled = true; 字串5

document.getElementById('file').disabled = true; 字串7

字串3

var fileIndex = uploadInfo.fileIndex;

字串3

var progressPercent = Math.ceil((uploadInfo.bytesRead / uploadInfo.totalSize) * 100);

字串8

字串7

document.getElementById('progressBarText').innerHTML = '文件读取进度: ' progressPercent '%'; 字串4

字串3

document.getElementById('progressBarBoxContent').style.width = parseInt(progressPercent * 3.5) 'px'; 字串3

字串1

window.setTimeout('refreshProgress()', 1000); 字串5

}

else 字串8

{

字串6

document.getElementById('uploadbutton').disabled = false; 字串1

document.getElementById('file').disabled = false; 字串4

}

return true; 字串1

} 字串1

function startProgress()

{

document.getElementById('progressBar').style.display = 'block'; 字串7

document.getElementById('progressBarText').innerHTML = '文件读取进度: 0%';

字串1

document.getElementById('uploadbutton').disabled = true;

// wait a little while to make sure the upload has started .. 字串9

window.setTimeout("refreshProgress()", 1000); 字串7

return true;

} 字串5

配置dwr.xml

放在/WEB-INF/下面

字串3

<dwr>

<allow> 字串6

<create creator="new" javascript="UploadMonitor"> 字串5

<param name="class" value="be.telio.mediastore.ui.upload.UploadMonitor"/> 字串1

</create> 字串8

<convert converter="bean" match="be.telio.mediastore.ui.upload.UploadInfo"/> 字串8

</allow>

字串9

</dwr> 字串2

web.xml中配置dwr，省略spring，struts等的配置

<servlet>