需求要在选择文件上传后显示文件名并且支持删除,此时还未正式上传走接口。
首先要展示,需要在choose方法中增加方法,我的是动态添加表格并且支持删除当前数据,也试过使用layui的table.on不过不知道为啥就是不支持,所以采用bind的方法来触发删除事件,同时也能使用onclick事件但是参数可能拼写的比较麻烦,比如
οnclick=deleteFile("’+index+’");
obj.preview(function (index, file, result) {
$('#wait').css('display','block');
let tr = '<tr>' +
'<td>'+ file.name+'</td>' +
'<td><a class="layui-btn layui-btn-danger layui-btn-xs" id="remove_'+index+'">删除</a></td>' +
'</tr>'
$('#waitForUpload').append(tr);
$('#remove_'+index).bind('click',function(){
delete files[index];
$(this).parents('tr').remove();
})
});
还学到了一个清空表格所有数据的姿势,不包括第一行即标题
$('#yourTableId tr:not(:first)').empty("");
前端的东西真是学不完,我吐了