遮罩层layer.msg不显示
程序员文章站
2022-05-13 22:46:23
...
鲜花不多上代码:
在这种同步上传文件中:设置同步;遮罩层不弹出,但是页面卡住了
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);
}
上一篇: Layui 内置方法 - layer.msg(提示框)
下一篇: 详解C#特性和反射(一)