layui上传因为二次渲染导致第一次好使，第二次不好使问题的解决

最新推荐文章于 2023-09-14 14:36:14 发布

你好，偶数

最新推荐文章于 2023-09-14 14:36:14 发布

阅读量3.3k

点赞数

分类专栏： layui上传 layui+easyExcel 文章标签： layui 前端 java

本文链接：https://blog.csdn.net/u012362860/article/details/116299597

版权

本文主要探讨了layui上传组件在前端与Java配合使用时，因表格刷新导致的上传功能第二次失效的问题。问题原因是表格的二次渲染使得upload组件未正确响应。解决方法包括将upload.render()放入函数中并在表格加载时调用，或者注释掉layui的自带刷新功能来避免二次渲染，从而确保上传功能始终有效。

摘要由CSDN通过智能技术生成

解决layui上传excel二次点击无效，第一次好使，第二次不好使

原因：导致该情况的原因是table表格刷新导致二次渲染upload，所以第二次点击上传按钮无反应。
x
x
x
x
x
x
x
x
x
x
x
x
解决1：
把 upload.render({
elem: ‘#excelImport’
,url: MODULE_PATH+"/excelUpload" //改成您自己的上传接口
,field: ‘uploadFile’ //设定文件域的字段名
// ,accept: ‘file’ //普通文件
,multiple: true
,exts: ‘xls|xlsx’ //允许上传的文件后缀
,done: function(result){
console.log(result)
if (result.code==200) {
layer.msg(‘成功上传’+result.data+‘条数据！’);
table.reload(‘carBaoyangBooks-table’);
} else {
// layer.msg(result.msg, {icon: 2, time: 1000});
}
}
});
方法放在一个function里，然后在表格加载的时候，done上传方法，这样在table刷新的时候，把upload也刷新了，就不会有二次渲染的情况。完美解决！

 //table表单列表
        table.render({
   
            elem: '#carBaoyangBooks-table',
            url: MODULE_PATH + 'list',
            page: true,
            method: 'get',
            cols: cols,
            skin: 'line'