layui实现文件或图片上传记录

本文为大家分享了layui实现文件或图片上传记录的具体代码，供大家参考，具体内容如下

首先是layui自己的官网关于图片/文件上传的：

接下来是我自己的使用记录：

1.首先在js中定义一个全局变量

2.进行赋值

','','//单个重传 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){ //多文件上传时，只要有一个文件上传成功后就会触发这个回调函数
console.info(res);
if(res.status == "success"){ //上传成功
var tr = demoListView.find('tr#upload-'+ index),tds = tr.children();
tds.eq(2).html('<span style="color: #5FB878;">上传成功');
tds.eq(3).html('查看'); //清空操作
return delete this.files[index]; //删除文件队列已经上传成功的文件
}else{
alert(res.message);
}
this.error(index,upload);
},allDone: function(obj){ //当文件全部被提交后，才触发
if(obj.total > obj.successful){
layer.msg("有文件上传失败，暂不更新生产进度，请重试或联系管理员");
}else {
//更新生产进度
updateProductionSchedule(currentId,currentSchedule);
}
},error: function(index,upload){
var tr = demoListView.find('tr#upload-'+ index),tds = tr.children();
tds.eq(2).html('<span style="color: #FF5722;">上传失败');
tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
}
});
$(".layui-upload-file").hide();
});

上述js代码中出现的相关html元素如下，相关引入js文件和css为：bootstrap3的js和css及layui的js文件即可

rush:xhtml;">

dismiss="modal" aria-hidden="true"> ×

上传检验报告

文件 上传

文件名 大小 状态 操作

dismiss="modal">关闭