我正在尝试在我的网络应用中使用jQuery UI进度条。 但这并没有显示出来。我正在使用DWR调用来获取上传状态。在使用Jquery UI进度条之前,我只是显示从服务器返回的状态,以确保数据来自服务器。它工作正常。
守则
<body>
<script type="text/javascript">
$(document).ready(function(){
var progressbar = $("#jqProgressBar");
progressbar.css({
"width" : "200px",
"height" : "10px"
});
$("#jqProgressBar").progressbar({'value':0});
});
function statusUpdate() {
FileUploadProgressListener.getFileUploadStatus(function(status){
if(status >= 95)
{
status = 100;
$("#jqProgressBar").progressbar({'value':status});
return;
}
else
{
$("#jqProgressBar").progressbar({'value':status});
window.setTimeout(statusUpdate, 200);
}
});
return true;
}
</script>
<h4>File Upload</h4>
<iframe id="uploadFrameID"
name="uploadFrame"
height="0" width="0"
frameborder="0"
scrolling="yes"></iframe>
<form action="ProfileImageUpload"
enctype="multipart/form-data" method="post"
onsubmit="setTimeout('statusUpdate()', 1000)" target="uploadFrame">
<input type="file" name="fileupload_upload" value="Upload File">
<input type="submit" value="Upload">
</form>
<div id="jqProgressBar"></div>
</body>
任何建议!!!
答案 0 :(得分:1)
尝试在更改值的代码中使用此行:
$("#jqProgressBar").progressbar(status);