www.gusucode.com > ajax上传的实现JSP环境带进度条源码程序 > ajax上传的实现JSP环境带进度条/Ajaxupload/Ajax-upload/WebRoot/resources/js/upload.js

    function refreshProgress()
{   //调用了后台的java类
    //后台的getUploadInfo方法是没有参数，JavaScript使用的参数是回调函数
	//getUploadInfo方法的返回值会作为回调函数的一个参数
    UploadMonitor.getUploadInfo(updateProgress);
}

function updateProgress(uploadInfo)
{   
    //调用UploadInfo类的isInProgress方法
	//true文件正在上传
    if (uploadInfo.inProgress)
    {
        document.getElementById('uploadbutton').disabled = true;
        document.getElementById('file1').disabled = true;
       // document.getElementById('file2').disabled = true;
        //document.getElementById('file3').disabled = true;
        //document.getElementById('file4').disabled = true;
        
		//正在上传的文件的索引号
        var fileIndex = uploadInfo.fileIndex;

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

        document.getElementById('progressBarText').innerHTML = 'upload in progress: ' + progressPercent + '%';

        document.getElementById('progressBarBoxContent').style.width = parseInt(progressPercent * 2.5) + 'px';

        window.setTimeout('refreshProgress()', 1000);
    }
    else
    {
        document.getElementById('uploadbutton').disabled = false;
        document.getElementById('file1').disabled = false;
        //document.getElementById('file2').disabled = false;
        //document.getElementById('file3').disabled = false;
        //document.getElementById('file4').disabled = false;
    }

    return true;
}

function startProgress()
{
    document.getElementById('progressBar').style.display = 'block';
    document.getElementById('progressBarText').innerHTML = 'upload in progress: 0%';
    document.getElementById('uploadbutton').disabled = true;

    // wait a little while to make sure the upload has started ..
    window.setTimeout("refreshProgress()", 1000);
    return true;
}