以视频上传为例:
    //视频上传
    function uploadVedio(fileName){    
        load();//开始加载时弹出加载层
        $.post(‘<%=path%>/misArticle/articleInfo/getVedioAddress.do?fileName=‘+fileName,function(result){
            if(result.success){
                 $(‘#videoUrl‘).val(result.vedioAddr);
                 reUpload();
                 disLoad();//请求成功后取消加载层
             } else {
                 $.messager.alert("系统提示",result.errorMsg);
                 reUpload();
                 disLoad();//请求失败后取消加载层
             }
         }, ‘json‘);
    }   
     //弹出加载层
     function load() { 
         $("<div 
class=\"datagrid-mask\"></div>").css({ display: "block", width:
 "100%", height: $(window).height() }).appendTo("body"); 
         
$("<div 
class=\"datagrid-mask-msg\"></div>").html("视频正在上传中,请稍
候。。。").appendTo("body").css({ display: "block", left:     ($(document.body).outerWidth(true) - 190) / 2, top: ($(window).height() - 45) / 2 }); 
     } 
      
     //取消加载层  
     function disLoad() { 
         $(".datagrid-mask").remove(); 
         $(".datagrid-mask-msg").remove(); 
     }
效果图如下:
     
原文:http://www.cnblogs.com/lucky-girl/p/5567160.html