欢迎您来到,码代码-李雷博客        登录  |  注册

PHP上传大文件二次确认对话框及loading显示防止假死状态【专用】

更新:2022-06-02 19:17:53
人气:88
来源:本站原创
A+

PHP多文件上传源代码记录,含上传确认及Loading图标显示,这段只适用于李雷博客的内部框架调用,无实际借鉴意义,仅用于自己平时程序的记录,慎用。

<form class="form-horizontal form-groups-bordered" name="form1" id="form1" method="POST" action="?<?=$AES_obj->aesEn("action=go&banji_id=".$banji_id."&".$pageurl."&time=".time())?>" enctype="multipart/form-data">
    <div class="form-group">
        <label class="col-sm-2 control-label">选择导入文件</label>
        <div class="col-sm-4">
            <input type="file" name="file[]" id="filelist" class="file2 inline btn btn-default" multiple="multiple" data-label="<i class='entypo-attach'></i> 选择Excel文件,格式:xls" >
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2"></div>
        <div class="col-sm-5">
            <button type="button" id="daoru" class="btn btn-blue btn-icon icon-left" onClick="action_go()" >开始导入<i class="entypo-check"></i></button>
        </div>
    </div>
</form>

JS代码:

<script>

function action_go(){
    if ($("#filelist").val()==''){
        alert_go('您没有选择文件!','alert','','error','')
        return false
    }else{
        //兼容浏览器scrollTop和方法
        var sTop_1=parseInt(document.body.scrollTop);
        var sTop_2=parseInt(document.documentElement.scrollTop);
        var vvtop=parseInt(sTop_1+sTop_2+100);
        document.getElementById("my_action").style.top=vvtop+"px";
        $('#my_action').modal('show');
    }
}
function action_ok(){
    $("#queren").attr("disabled", "disabled");
    $("#cz_show").html("<img src='images/16.gif' border='0' /> 请稍后,正在上传并导入数据文件.....");
    $("#form1").submit()
}
</script>

DIV确认对话框:

<div id="my_action" class="modal fade" data-backdrop="static" style="z-index:10000;">
    <div class="modal-dialog" >
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">操作提示</h4>
            </div>
            <div class="modal-body" style="">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                <td width="60px" valign="middle"><img src='images/tishi_wen.gif' border='0' /></td>
                <td style="font-size:14px">确认开始导入?如文件数量过多时,等待期间请勿执行其它操作!</td>
                  </tr>
                </table>
            </div>
            <div class="modal-footer" id="cz_show">
                <button type="button" id="queren" class="btn btn-blue" onClick="action_ok()">确认开始</button>
                &nbsp;&nbsp;
                <button type="button" class="btn btn-default" data-dismiss="modal">取消操作</button>
            </div>
        </div>
    </div>
</div>


推荐的文章
# 发表我的评论
  /     /  
# 最近评论
暂时还没有评论,要不要说点什么?
  Ads by Google
  联系博主
Hello,本博客系统采用PHP和MySql开发,程序开发完全是因为个人爱好,是自己纯手写PHP源代码,未采用任何PHP框架!
QQ:858353007   微信号:lileihot123
网站地图
会员服务
关于我们
QQ:858353007
 
广告服务
加我微信
移动端访问
 
 
Copyright © 2014- 2022 www.mdaima.com All Rights Reserved.
李雷博客,专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客!   ICP备案号:京ICP备10202169号