当前博客:layui上传选择事件重复添加数据

132 次浏览【转载需注明来源】

博客作者:【1857****5590】

个性签名:寒窗苦读十年,一朝凤舞九天

由于经过这两天研究萌新稍微进步了一点,所以修改一下这个帖子,去除了那些不必要的代码,问题也有所变化,不过还是没法杜绝重复添加的问题。

新的代码:文件上传测试.zip

选择文件的时候如果每次只选择一个文件,那么就没有任何问题,重复的文件不会被添加到列表,但是如果一次性选择多个文件,后面无论是只选择一个还是选择多个,重复的文件都会被添加,而且点击上传以后重复的文件也会被上传。

 

上面是一次选择了两个文件,下面是分两次每次选择一个文件,故意选的已经选过的文件

 

点击开始上传按钮,4个文件都被上传了,主要是lay_上传的选择文件队列是一个对象类型,目前对象类里面没有方法可以使用。

 

默认排序
Generic placeholder image
Generic placeholder image
已采纳
qiang Time: 2023-07-24 17:27:35
删除 选择的文件[序号];

补充一点,需要删除上传的重复文件

Generic placeholder image
qiang Time: 2023-07-24 17:07:06
如果 (转换后的数据.数组条件检测4((文件) => 文件.文件名 === 文件对象.名称) !== -1) {
         lay_弹出层.消息框("请勿添加重复文件!");
         删除 选择的文件[序号];
         返回;
}
JavaScript

在你的代码上做了个选择重复文件的判断,如果存在相同名称的文件,则不允许添加列表,并且删除重复上传的文件。   


layui上传选择事件重复添加数据