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> <button type="button" class="btn btn-default" data-dismiss="modal">取消操作</button> </div> </div> </div> </div>
推荐的文章
Ads by Google
随手记
- ● JavaBridge.jar和Aspose.Cells安装及PHP将EXCEL导出PDF方法
- ● PHP批量删除所选内容的ID与参数加密冲突的解决方法【专用】
- ● JQ实现banner轮播图片的淡入淡出切换效果的代码
- ● DreamWeaver正则表达式将代码中的空白行删除
- ● mysql的慢查询日志记录什么
- ● js获取上传文件类型以及大小的方法
- ● windows系统如何查询openssl.cnf文件位置及更换路径
- ● SSL证书工具之CSR的作用是什么?
- ● [ssl:warn]SessionCacheisnotconfigured[hint:SSLSessionCache]原因
- ● servercertificatedoesNOTincludeanIDwhichmatchestheservername
PHP经验分享