关于layui 上传数量限制总是比要求多一个才触发限制数量的解决办法

着重看 fileCount 参数的始末。示例是要求最多一个文件。
layui.use(‘upload’, function () {
var $ = layui.jquery
, upload = layui.upload;
var fileCount = 0;//控制文件数量
//多文件列表示例
var demoListView = $(’#demoList’) //文件列表显示的元素
, uploadListIns = upload.render({
elem: ‘#multiple_upload’ //触发选择文件弹出的按钮
, url: webpath +"/appointment/saveActivityAttachment.action" //报接口异常，很可能是路径不对，精细到每一个字母。。。吃大亏咯
//,exts : ‘jpg,jpeg’ //允许上传的文件类型，此处注掉是允许所有文件
, accept: ‘images’ //后台接收的文件参数名
, multiple: false //是否可以上传多个文件
, auto: false //是否自动上传，一般是选false和bindAction配合使用
, bindAction: ‘#addListAction1’ //触发上传文件的按钮
,number:0 //限制上传的个数，0为不限制
, before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致。其中输入向后台传输的参数
this.data = {
‘TID’: TID
};
}
, choose: function (obj) {
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
fileCount++;
if(fileCount == 1 ){
//读取本地文件
obj.preview(function (index, file, result) {

                var tr = $(['<tr id="upload-' + index + '">', '<td>' + file.name + '</td>', '<td>' + (file.size / 1014).toFixed(1) + 'kb</td>', '<td>等待上传</td>', '<td>', '<button class="layui-btn layui-btn-mini demo-reload layui-hide">重传</button>', '<button class="layui-btn layui-btn-mini layui-btn-danger demo-delete">删除</button>', '</td>', '</tr>'].join(''));//单个重传tr.find('.demo-reload').on('click', function () {obj.upload(index, file);});//删除tr.find('.demo-delete').on('click', function () {delete files[index]; //删除对应的文件fileCount--;//防止上传一个之后，想换掉。又不让上传tr.remove();uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选});demoListView.append(tr);});}else{layer.msg('文件数量不得超过'+1+'个',{icon:1});}}, done: function (res, index, upload) {  //每个文件上传完成后的回调if (res.resultCode == "0000") {//上传成功var tr = demoListView.find('tr#upload-' + index), tds = tr.children();tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');tds.eq(3).html(''); //清空操作return delete this.files[index]; //删除文件队列已经上传成功的文件} else {layer.alert("每个文件上传完成后的回调"+res.msg);}},allDone: function (res, index, upload) {  //所有文件上传完成后的回调layer.msg("上传成功",function(){layer.close(dialogIndex);window.location.reload();})} ,error: function (index, upload) {layer.alert("上传失败");var tr = demoListView.find('tr#upload-' + index), tds = tr.children();tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传}
});

});

关于layui 上传数量限制总是比要求多一个才触发限制数量的解决办法相关推荐

ajax上传文件报错The current request is not a multipart request的解决办法
ajax上传文件报错The current request is not a multipart request的解决办法主要报错语句为: The current request is not a ...
B2B 手动客户端网络上传数据报错：由于目标机器积极拒绝，无法连接，解决办法
B2B 手动客户端网络上传数据报错:由于目标机器积极拒绝,无法连接,解决办法 B2B手动客户端在外网运行时,选择网络上传数据时,报错"由于目标机器积极拒绝,无法连接":在内网通 ...
上传大文件，出现： 413 request Entity too Large错误的解决办法
工作中遇见了一个问题,就是上传一个100M的文件,会报413 request Entity too Large错误,下面给出解决方式. 经过排查,发现服务器使用nginx作为反向代理服务器,报上名错误 ...
基于Layui上传组件（upload）的动态增加上传组件并使得每个上传组件都可独立上传
演示基于laravel框架 1.编写html元素(可根据实际需求进行编写) 2.引入layui相关css,js 3.编写upload组件实例化公共调用方法,首次加载页面需要初始化,因此需要调用uplo ...
怎么接收layui上传的文件_layui 上传文件_批量导入数据UI的方法
使用layui的文件上传组件,可以方便的弹出文件上传界面. 效果如下: 点击[批量导入]按钮调用js脚本importData(config)就可以实现数据上传到服务器. 脚本: /*** * 批量导入 ...
解决使用layui上传文件时提示“请求上传接口出现异常”
在做网站的过程中,需要用户上传文件,接收文件的接口已经写好(经过测试确定可用) 现在需要在网页上提供一个文件上传的按钮.由于原生input type="file"组件太丑,考虑使用 ...
怎么接收layui上传的文件_如何接收layui上传excel上传及php处理【】
怎样在arcgis中导出表格如果是shp格式,直接用excel打开dbf文件,否则,加载数据,layer右键打开属性表,找到一个export按钮,导出为dbf,excel可以直接打开. ArcGIS ...
Layui上传获取数据为空 null
Layui上传获取数据为空 NULL,经过测试会出现如下原因: 1.上传字段未更改 field:你所指定的字段 2.上传文件路径出错一般传动文件上传"/"代表当前项目的根 ...
解决上传文件或图片时选择相同文件无法触发change事件的问题
昨天在做一个上传文件的模块时遇到了这样的问题:打开文件一上传,上传成功后再次点击文件一,change事件无反应 <input type="file" name="f ...

关于layui 上传数量限制总是比要求多一个才触发限制数量的解决办法