遮罩层layer.msg不显示

鲜花不多上代码:

在这种同步上传文件中:设置同步;遮罩层不弹出,但是页面卡住了
var formDate = new FormData();
			formDate.append("file",file);
			formDate.append("fileName",file.name);
			$.ajax({
				url : "${ctx}/test/",
				type : 'POST',
				dataType : 'json',
				async: false, //同步 重点
				contentType : false,// 不要设置Content-Type请求头
				processData : false, // 使数据不做处理
				data : formDate,
				success : function(data) {
					if (data.status == 'success') {
						closeLoad(i);
						layer.alert('上传成功!');
					}else{
						closeLoad(i);
						layer.alert('上传失败!');
					}
				},
				error:function(response){
					console.log(response);
				}
			});

下面上成功的代码:1.主要增加了延时装置,让同步等一秒在执行

setTimeout(function () {
			var formDate = new FormData();
			formDate.append("file",file);
			formDate.append("fileName",file.name);
			$.ajax({
				url : "${ctx}/test",
				type : 'POST',
				dataType : 'json',
				async: false,
				contentType : false,// 不要设置Content-Type请求头
				processData : false, // 使数据不做处理
				data : formDate,
				success : function(data) {
					if (data.status == 'success') {
						closeLoad(i);
						layer.alert('上传成功!');
					}else{
						closeLoad(i);
						layer.alert('上传失败!');
					}
				},
				error:function(response){
					console.log(response);
				}
			});
		}, 1000);

加上暂停,遮罩层就成功弹出了,我的遮罩层是使用的 layerUi

// 上传等待
	function showLoad() {
		return layer.msg('拼命执行中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: 'auto', time:100000});
	}
	// 关闭
	function closeLoad(index) {
		layer.close(index);
	}

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值