多个进度状态 + Ajax 表单插件
Multiple progress status + Ajax form plugin
我正在使用Ajax Form插件,我有一个用于发送多个请求的循环。我正在尝试获取每个文件的单独进度。似乎有效,但文件的进度仅显示在代码的最后<p>
。
for (var i = 0; i < inp.files.length; i++) {
$('form').ajaxSubmit({
beforeSend: function() {
$('body').append('<p class="c'+ i +'"></p>');
var classe = '.c' + i;
},
uploadProgress: function(event, position, total, percentComplete) {
var percentVal = percentComplete + '%';
$(classe).append(percentVal);
//console.log(percentVal, position, total);
}
});
}
2 个文件的 HTML 输出:
<p class="c0"/>
<p class="c1">
79%
100%
81%
100%
</p>
有两个100%
似乎可以获取两个文件的进度。但是,它只是打印在最后一个元素中。谢谢
因为在 c0 的响应进来之前类更改为 c1...将其放入匿名功能中。
for (var i = 0; i < inp.files.length; i++) {
(function () {
var classe = '.c' + i;
$('form').ajaxSubmit({
beforeSend: function () {
$('body').append('<p class="c' + i + '"></p>');
},
uploadProgress: function (event, position, total, percentComplete) {
var percentVal = percentComplete + '%';
$(classe).append(percentVal);
//console.log(percentVal, position, total);
}
});
}());
}
(未测试)
或者您必须更改要同步的 Ajax 请求
相关文章:
- 加载后的页面与ajax表单提交不起作用
- AngularJS JQuery Ajax表单提交等效
- 将Computed PHP Variable传递到jQuery/Ajax表单
- 当阻止Enter键提交AJAX表单时,关注下一个输入是't工作
- Ajax表单数据phpPOST不工作
- 我的ajax表单没有提交
- Javascript尽管ID不同,但只有第一个按钮提交给Ajax表单
- ajax表单提交的编码问题
- AJAX表单验证-防止空白字段
- ajax表单提交后从客户端重定向
- AJAX 表单不是 AJAX 提交
- PHP Ajax 表单提交 .什么也没发生
- Jquery&Ajax表单验证功能
- ajax表单每触发第n个select onchange事件就发送n次
- 为什么event.prventDefault()和'return false'停止我的AJAX表单提交操
- 使用jQuery和Ajax表单提交问题
- 提交AJAX表单,重定向而不是在页面上处理
- Ajax表单不返回PHP数据
- Ajax表单提交密钥或更改
- Jquery Ajax表单提交:多个表单-相同的按钮id's