EasyUI 弹出正在处理中

最新推荐文章于 2021-08-12 11:45:14 发布

原创最新推荐文章于 2021-08-12 11:45:14 发布 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#EasyUI

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了如何使用jQuery的messager.progress()方法在上传xlsx文件时显示进度提示。包括表单验证、文件类型检查及上传过程中的进度展示。

使用 $.messager.progress() 即可

/**
	 * 上传文件
	 */
	window.onUpload=function(){
		if (!validataForm("#uploadForm")) {
            return false;
        }
		var file=$("#uploadfile").filebox('getValue');
		if(!file){
			$.messager.alert('提示','请选择要上传的文件!',function(){});
			return false;
		}
		if(file.indexOf(".xlsx") < 0){
			$.messager.alert('提示','请选择格式为.xlsx的文件！',function(){});
			return false;
		}
		$('#upfileBtn').linkbutton('disable');
		$.messager.progress({
            title : '提示',
            text : '数据正在处理中，请稍后....'
        });
		$("#uploadForm").form('submit',{
			url : uploadUrl,
			type : "post",
			success: function (result) {
				$.messager.progress('close');
				var data=JSON.parse(result);
				$.messager.alert('提示',data.msg,function(){});
				if(data.success){
					closeFuc();
					$("#uploadDialog").dialog('close');
				}
				$('#upfileBtn').linkbutton('enable');
			},
			error : function(xhr, status, error){
				$.messager.alert('提示',error,function(){});
			}
		});
	}

希望此文能够帮助到您！