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