我有一个表单,它向我的一个控制器提交 AJAX 请求,该控制器使用 PHP 的 curl 上传文件。我想向用户显示该(PHP)上传的状态,因此我将 PHP 上传进度存储在会话变量中。同时,表单的提交也开始了setInterval()
一个不同的AJAX请求,控制器检查会话变量。我的问题是第二个 AJAX 调用似乎只触发一次(而不是在整个上传过程中),因此它不是逐步更新进度,而是在最后返回 100。我究竟做错了什么?
这是我的代码:
(注意:我正在使用 jQuery 表单插件来协助文件上传。它还添加了一些额外的回调)
<script>
var check_progress = function() {
$.ajax(
{
url : '/media/upload_progress',
success : function(data) {
console.log(data);
},
async : false
}
);
var options = {
beforeSend : function() {
$("#MediaSubmitForm").hide();
$("#MediaSubmitForm").after('<img class="hula-hippo" src="/img/hippo-hula.gif" />');
t = setInterval( check_progress, 500 );
},
success : function(data){
$(".hula-hippo").hide();
$("#MediaSubmitForm").after("<h3>Upload complete!</h3><p>Do <strong>you</strong> want to <a href='#'>create a project</a> of your own?</p>");
window.clearInterval(t);
console.log(data);
}
};
$("#MediaSubmitForm").ajaxForm(options);
</script>