admin 管理员组

文章数量: 1087652

layui文件上传组件upload控制上传图片数量

业务场景:
多文件上传预览图,最多可上传五张图片,在使用layui的upload上传组件时,before方法进行判断图片的数量,但是发现return false 并不会阻止文件上传,如下图所示

百度发现大都是一些修改源码的方法,今天介绍下通过delete files[index] 将文件从队列中删掉,即可达到阻止上传的效果
代码如下:

  upload.render({elem: '#test-upload-more',url: api+'/sys/file/uploadList',data:{"type":"service","aConnectionId":$("#aConnectionId").val(),}, multiple: true,accept: 'images',number: 5,before: function (obj) {files = obj.pushFile();

本文标签: layui文件上传组件upload控制上传图片数量