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控制上传图片数量
版权声明:本文标题:layui文件上传组件upload控制上传图片数量 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.roclinux.cn/p/1700300253a386541.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论