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

后端开发   发布日期:2023年05月26日   浏览次数:480

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

  1. <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">
  2. <div class="form-group">
  3. <label class="col-sm-2 control-label">选择导入文件</label>
  4. <div class="col-sm-4">
  5. <input type="file" name="file[]" id="filelist" class="file2 inline btn btn-default" multiple="multiple" data-label="<i class='entypo-attach'></i> 选择Excel文件,格式:xls" >
  6. </div>
  7. </div>
  8. <div class="form-group">
  9. <div class="col-sm-2"></div>
  10. <div class="col-sm-5">
  11. <button type="button" id="daoru" class="btn btn-blue btn-icon icon-left" onClick="action_go()" >开始导入<i class="entypo-check"></i></button>
  12. </div>
  13. </div>
  14. </form>

JS代码:

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

DIV确认对话框:

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


以上就是PHP上传大文件二次确认对话框及loading显示防止假死状态【专用】的详细内容,更多关于PHP上传大文件二次确认对话框及loading显示防止假死状态【专用】的资料请关注九品源码其它相关文章!