//放于上傳前function ajaxLoading(){ $("<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 ajaxLoadEnd(){ $(".datagrid-mask").remove(); $(".datagrid-mask-msg").remove(); }function import(){ ajaxLoading(); $.ajaxFileUpload({ url:'import.do', fileElementId:'importFile', type:'post', dataType : 'json', secureuri : false, success:function(data){ ajaxLoadEnd(); if(data&&data.code=="200"){ $.messager.show({ title:'提示', msg:'用戶導入成功!', timeout:5000, showType:'slide' }); } $('#table).datagrid('reload'); return; }, error: function(data, status, e) { //提交失敗自動執行的處理函數。 ajaxLoadEnd(); if(data&&data.message){ $.messager.alert("警告",data.message); }else{ $.messager.alert("警告","導入失敗,請聯系相關人員"); } } });}
導入控件
<input type="file" id="importFile" name="importFile" /> <a class="easyui-linkbutton" onclick="import()">批量導入用戶</a>
效果就是 點擊一次上傳, 當上傳操作結束后 才能操作界面
總結
以上所述是小編給大家介紹的jquery ajaxfileuplod 上傳文件 essyui laoding 效果【防止重復上傳文件】,希望對大家有所幫助如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
新聞熱點
疑難解答