zoukankan      html  css  js  c++  java
  • ajaxfileuplod 上传文件 essyui laoding 效果,防止重复上传文件


    //
    放于上传前 function ajaxLoading(){ $("<div class="datagrid-mask"></div>").css({display:"block","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>

    效果就是  点击一次上传, 当上传操作结束后  才能操作界面

  • 相关阅读:
    不走弯路,就是捷径
    小白逆袭之路
    java期末设计(十三周)
    java第6次作业
    java第五次作业
    java第四次作业
    第三次作业
    第二次作业
    对异常的看法
    java学习笔记(一)
  • 原文地址:https://www.cnblogs.com/zwdx/p/9089496.html
Copyright © 2011-2022 走看看