项目场景:
提示:这里简述项目相关背景:
layui 进度条组件上传成功不刷新
问题描述
提示:这里描述项目中遇到的问题:
layui 进度条组件上传成功不刷新
APP 中接收数据代码:
choose: function (obj) {
var that = this;
var files = this.files = obj.pushFile(); // 将每次选择的文件追加到文件队列
// 读取本地文件
obj.preview(function (index, file, result) {
var tr = $(['<tr id="upload-' + index + '">',
'<td>' + (file.size / 1024 / 1024).toFixed(1) + 'M</td>',
'<td><div class="layui-progress" lay-filter="progress-demo-' + index + '"><div class="layui-progress-bar" lay-percent=""></div></div></td>',
'<td>',
'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
'<button id="del-' + index + '" class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
'</td>',
'</tr>'].join(''));
progress: function (n, elem, e) { // 注意:index 参数为 layui 2.6.6 新增
var element = layui.element; //Tab的切换功能,切换事件监听等,需要依赖element模块
$('.layui-progress-bar').attr('lay-percent', n + '%');
element.init();
element.progress('progress-demo-', n + '%'); // 执行进度条。n 即为返回的进度百分比
}
原因分析:
提示:需要这里填写问题的分析:
在方法里初始化一下方法
解决方案:
提示:这里填写该问题的具体解决方案:
例如:新建一个 Message
对象,并将读取到的数据存入 Message
,然后 mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget();
换成 mHandler.sendMessage()
。