jquery ajaxfileuplod 上傳文件 essyui laoding 效果【防止重復(fù)上傳文件】
//放于上傳前 function ajaxLoading(){ $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body"); $("<div class=\"datagrid-mask-msg\"></div>").html("正在上傳,請(qǐng)稍候。。。").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) { //提交失敗自動(dòng)執(zhí)行的處理函數(shù)。 ajaxLoadEnd(); if(data&&data.message){ $.messager.alert("警告",data.message); }else{ $.messager.alert("警告","導(dǎo)入失敗,請(qǐng)聯(lián)系相關(guān)人員"); } } }); }
導(dǎo)入控件
<input type="file" id="importFile" name="importFile" /> <a class="easyui-linkbutton" onclick="import()">批量導(dǎo)入用戶</a>
效果就是 點(diǎn)擊一次上傳, 當(dāng)上傳操作結(jié)束后 才能操作界面
總結(jié)
以上所述是小編給大家介紹的jquery ajaxfileuplod 上傳文件 essyui laoding 效果【防止重復(fù)上傳文件】,希望對(duì)大家有所幫助如果大家有任何疑問歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
- jquery-file-upload 文件上傳帶進(jìn)度條效果
- jQuery插件ajaxFileUpload使用詳解
- jQuery File Upload文件上傳插件使用詳解
- jQuery插件ajaxFileUpload異步上傳文件
- jQuery獲取file控件中圖片的寬高與大小
- Asp.net MVC中使用JQuery插件ajaxFileUpload上傳文件
- 從重置input file標(biāo)簽中看jQuery的 .val() 和 .attr(“value”) 區(qū)別
- jQuery插件ajaxfileupload.js實(shí)現(xiàn)上傳文件
- JQuery fileupload插件實(shí)現(xiàn)文件上傳功能
- jquery獲取file表單選擇文件的路徑、名字、大小、類型
相關(guān)文章
easyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)
下面小編就為大家?guī)硪黄猠asyui datagrid 大數(shù)據(jù)加載效率慢,優(yōu)化解決方法(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11CSS3 media queries結(jié)合jQuery實(shí)現(xiàn)響應(yīng)式導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了CSS3 media queries結(jié)合jQuery實(shí)現(xiàn)響應(yīng)式導(dǎo)航,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09jquery mobile頁面跳轉(zhuǎn)后樣式丟失js失效的解決方法
用ajax跳轉(zhuǎn)的時(shí)候,目標(biāo)頁的css以及js都失效,這是由于page之外的代碼都不會(huì)加載,所以導(dǎo)致在page外的js和css都失效,解決方法如下2014-09-09jQuery實(shí)現(xiàn)多級(jí)下拉菜單jDropMenu的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)多級(jí)下拉菜單jDropMenu的方法,涉及jquery鼠標(biāo)事件及頁面元素遍歷的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08jquery插件unobtrusive實(shí)現(xiàn)片段式加載
本文給大家分享的是使用jquery插件unobtrusive實(shí)現(xiàn)片段式加載,效果非常不錯(cuò),有需要的小伙伴可以參考下。2015-06-06EasyUI在表單提交之前進(jìn)行驗(yàn)證的實(shí)例代碼
這篇文章主要介紹了EasyUI在表單提交之前進(jìn)行驗(yàn)證的實(shí)例代碼的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06Jquery find與filter函數(shù)區(qū)別 說明
基本是find子元素找,filter是平級(jí)找2010-05-05