您好,登錄后才能下訂單哦!
小編給大家分享一下jquery中ajaxfileuplod上傳文件essyui laoding效果的示例分析,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
//放于上傳前 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}); } //放于狀態(tài)返回后 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:'用戶導(dǎo)入成功!', timeout:5000, showType:'slide' }); } $('#table).datagrid('reload'); return; }, error: function(data, status, e) { //提交失敗自動執(zhí)行的處理函數(shù)。 ajaxLoadEnd(); if(data&&data.message){ $.messager.alert("警告",data.message); }else{ $.messager.alert("警告","導(dǎo)入失敗,請聯(lián)系相關(guān)人員"); } } }); }
導(dǎo)入控件
<input type="file" id="importFile" name="importFile" /> <a class="easyui-linkbutton" onclick="import()">批量導(dǎo)入用戶</a>
效果就是 點擊一次上傳, 當上傳操作結(jié)束后 才能操作界面
看完了這篇文章,相信你對“jquery中ajaxfileuplod上傳文件essyui laoding效果的示例分析”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。