jquery ajaxfileuplod 上傳文件 essyui laoding 效果【防止重復上傳文件】
更新時間:2018年05月26日 10:27:12 作者:紫薇帝星的故事
點擊一次上傳, 當上傳操作結(jié)束后才能操作界面,實現(xiàn)方式是通過 ajaxfileuplod 上傳文件,需要的朋友參考下吧
//放于上傳前
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)文章
從重置input file標簽中看jQuery的 .val() 和 .attr(“value”) 區(qū)別
這篇文章主要介紹了從重置input file標簽中看jQuery的 .val() 和 .attr(“value”) 區(qū)別 的相關(guān)資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-06-06
jquery UI實現(xiàn)autocomplete在獲取焦點時得到顯示列表功能示例
這篇文章主要介紹了jquery UI實現(xiàn)autocomplete在獲取焦點時得到顯示列表功能,結(jié)合實例形式分析了jquery UI實現(xiàn)autocomplete事件響應(yīng)及顯示下拉列表功能操作技巧,需要的朋友可以參考下2019-06-06
jQuery實現(xiàn)的文字hover顏色漸變效果實例
這篇文章主要介紹了jQuery實現(xiàn)的文字hover顏色漸變效果,以完整實例形式分析了jQuery實現(xiàn)文字顏色漸變效果的相關(guān)技巧,涉及jQuery插件jquery-ui-1.8.16.custom.min.js的使用,需要的朋友可以參考下2016-02-02
JQueryMiniUI按照時間進行查詢的實現(xiàn)方法
下面小編就為大家?guī)硪黄狫QueryMiniUI按照時間進行查詢的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-06-06

