layui多文件上传讲解_layui d多文件上传(示例代码)

借阅

前端代码

选择多文件

图片大小状态操作

不计在线

删除

开始上传

JS 代码

layui.use(‘upload‘, function(){

var upload = layui.upload;

console.log(upload);

//执行实例

//多文件列表示例

var demoListView = $(‘#demoList‘)

,uploadListIns = upload.render({

elem: ‘#testList‘

,url: ‘{:U("Admana/uploadAll")}‘

,accept: ‘file‘

,multiple: true

,auto: false

,bindAction: ‘#testListAction‘

,choose: function(obj){

var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列

//读取本地文件

obj.preview(function(index, file, result){

var tr = $([‘

‘

,‘

‘

,‘

‘+ (file.size/1014).toFixed(1) +‘kb‘

,‘

等待上传‘

,‘

‘

// ,‘重传‘

,‘删除‘

,‘

‘

,‘

‘].join(‘‘));

//单个重传

tr.find(‘.demo-reload‘).on(‘click‘, function(){

obj.upload(index, file);

});

//删除

tr.find(‘.demo-delete‘).on(‘click‘, function(){

delete files[index]; //删除对应的文件

tr.remove();

uploadListIns.config.elem.next()[0].value = ‘‘; //清空 input file 值，以免删除后出现同名文件不可选

});

demoListView.append(tr);

});

}

,done: function(res, index, upload){

if(res.img != ‘‘){

var tr = demoListView.find(‘tr#upload-‘+ index),tds = tr.children();

tds.eq(2).html(‘上传成功‘);

tds.eq(3).html(‘‘); //清空操作

var str = ‘‘;

$(‘#demoList‘).append(str);

return delete this.files[index]; //删除文件队列已经上传成功的文件

}

this.error(index, upload);

}

,error: function(index, upload){

var tr = demoListView.find(‘tr#upload-‘+ index)

,tds = tr.children();

tds.eq(2).html(‘上传失败‘);

tds.eq(3).find(‘.demo-reload‘).removeClass(‘layui-hide‘); //显示重传

}

});

layui多文件上传讲解_layui d多文件上传(示例代码)相关推荐

php 安装 bzip2,Linux_Linux系统中安装使用Bzip2来压缩文件的方法讲解，安装 Bzip2命令如下：复制代码 - phpStudy...
Linux系统中安装使用Bzip2来压缩文件的方法讲解安装 Bzip2命令如下: 复制代码代码如下: make -f Makefile-libbz2_so && make & ...
linux重定向进程输出到文件删除,Linux文件编辑器vim输出输入重定向、管道以及进程(示例代码)...
合抱之木,生于毫末:九层之台,起于累土:千里之行,始于足下.正因基础的重要性,才又撸起了linux. linux编辑工具: VI VIM EMACS vim 是vi的升级版本,它不仅兼容vi的所有指令 ...
layui多文件上传讲解_Layui 多文件上传 SSH
jsp 页面 pageEncoding="UTF-8"%> Insert title here 选择多文件文件名大小状态操作开始上传 layui.use('upload' ...
JDY-40无线模块的使用（透传、参数设置）附Arduino 简单示例代码
目录 1.如何与单片机(串口模块)连接? 2.如何在USB转串口模块调试? 3.如何用Arduino 对JDY-40设置参数(其他单片机也可参考,需要自己写代码)? 4.两个模块之间如何通信(透传)? ...
linux中代码挂上n,Linux系统常用命令nl详解(示例代码)
nl命令在linux系统中用来计算文件中行号.nl可以将输出的文件内容自动的加上行号!其默认的结果与cat -n有点不太一样,nl可以将行号做比较多的显示设计,包括位数与是否自动补齐0等等的功能.本文 ...
服务器所属文件变成nobody,NFS（expirtfs命令，NFS客户端创建新文件所属组和所属主都为nobody）(示例代码)...
一.exportfs命令 nfs进程不能随便从新启动,如果不得已要重启,必须把客户端的挂载目录卸载,然后在从新启动. 这时候就可以用exportfs命令 -a 全部挂载或者全部 ...
服务器备份还原命令文件夹,Robocopy命令实现文件服务器镜像备份/增量备份操作(示例代码)...
Robocopy是微软推出的可靠文件复制服务,经过测试,比xcopy更加优秀,特别是在复制ACL及文件时间戳方面. 免费同步软件通常在ACL同步这一块比较薄弱,而付费软件复杂操作,我们可以使用robo ...
Spark 部署及示例代码讲解
Spark 部署考虑到读者可能使用"ssh secure shell"这样的工具登陆 Linux,所以解释一下如何设置工具支持中文. 如何设置 ssh secure shell ...
python读取文件路径格式_Python学习笔记读写文件之文件与文件路径
随笔记录方便自己和同路人查阅. #------------------------------------------------我是可耻的分割线--------------------------- ...

layui多文件上传讲解_layui d多文件上传(示例代码)

layui多文件上传讲解_layui d多文件上传(示例代码)相关推荐

最新文章

热门文章