使用layui上传组件,发现文件上传进度获取不对
var uploadListIns = upload.render({
elem: '#testList',
elemList: $('#demoList'),
url: './damageImportExcelList',
accept: 'file',
exts: 'xls|xlsx|xlsm|xlt|xltx|xltm',
multiple: true,
auto: false,
bindAction: '#testListAction',
before: function (obj) { //obj参数包含的信息,跟 choose回调完全一致
this.data = {
repeatAction: repeatAction,
};
element.progress('uploadfile', '0%');
loadingIndex = layer.load(); //上传loading
layer.open({
type: 1,
title: "上传进度", //不显示标题
//closeBtn: 0, //不显示关闭按钮
skin: 'layui-layer-demo', //样式类名
area: ['420px', 'auto'], //宽高
content: '
正在上传
//删除
tr.find('.demo-delete').on('click', function () {
delete files[index]; //删除对应的文件
tr.remove();
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值,以免删除后出现同名文件不可选
});
that.elemList.append(tr);
// element.render('progress'); //渲染新加的进度条组件
});
},
done: function (res, index, upload) { //成功的回调
layer.close(loadingIndex);
var that = this;
//if(res.code == 0){ //上传成功
if (res.success) {
layer.closeAll('loading');
// layer.msg(res.message, {
// offset: '15px',
// icon: 1,
// time: 10000
// })
} else {
layer.closeAll('loading');
// layer.msg('提交失败:' + res.message, {
// offset: '15px',
// icon: 1,
// time: 10000
// })
}
if(res.code == 500) {
alldonenews = res.message;
} else if (res.code == 200) {
alldonenews = res.message;
};
var tr = that.elemList.find('tr#upload-' + index)
, tds = tr.children();
tds.eq(3).html(''); //清空操作
delete this.files[index]; //删除文件队列已经上传成功的文件
return;
//}
this.error(index, upload);
layer.closeAll();
},
allDone: function (obj) { //多文件上传完毕后的状态回调
layer.close(loadingIndex);
layer.closeAll('loading');
if (alldonenews === "导入成功!") {
parent.layer.closeAll();
parent.layer.msg('导入成功', {time: 10000},);
} else {
var op = function () {
parent.layer.closeAll();
parent.layer.msg('导入失败', {time: 1000},);
};
Feng.confirm(alldonenews, op);
}
},
error: function (index, upload) { //错误回调
console.log(index)
layer.close(loadingIndex);
layer.closeAll('loading');
var that = this;
var tr = that.elemList.find('tr#upload-' + index)
, tds = tr.children();
tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
},
progress: function (n, elem, e, index) { //注意:index 参数为 layui 2.6.6 新增
// var percent = n + '%'; 获取进度百分比
// $("#uploadfile").attr("lay-percent", percent);
// element.render();
element.progress('uploadfile', n + '%');
//以下系 layui 2.5.6 新增
console.log(n);
}
});
打印上传的进度会发现直接到了100