layui文件上传等待动画

layui文件上传等待动画

//加载动画
layer.msg('图片上传中...', {
	icon: 16,
	shade: 0.01,
	time: 0
}) 

//关闭动画
layer.close(layer.msg());

例:
,before: function(obj){
	layer.msg('图片上传中...', {
	icon: 16,
	shade: 0.01,
	time: 0
	})
	//预读本地文件示例,不支持ie8
	obj.preview(function(index, file, result){
		$('#demo1').attr('src', result); //图片链接(base64)
	});
}
,done: function(res){
	//关闭上传等待动画
	layer.close(layer.msg());
//如果上传失败
if(res.code > 0){
layer.msg('上传失败');
}else {
setUserImg();
parent.setUserImg();
	//上传成功显示上传成功弹框1秒后自动关闭
	layer.msg('上传成功',{
	icon:1
	},1000)

}

文件上传的数据流:
先上传文件到后台服务器,然后后台服务器会返回这个文件在服务器的存储地址然后再把这个地址写到form表单里面再提交

猜你喜欢

转载自blog.csdn.net/qq_41241767/article/details/90377923