符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
本篇内容主要讲解“php怎么实现下载进度条”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“php怎么实现下载进度条”吧!
专注于为中小企业提供网站设计制作、成都网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业定陶免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了1000多家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
php实现下载进度条的方法:1、创建“download.php”文件,代码如“switch ($action) {case 'prepare-download'...}”;2、通过创建js代码显示进度条即可。
本文操作环境:Windows7系统、PHP7.1版、DELL G3电脑
php如何实现下载进度条?
PHP 远程文件下载的进度条实现
download.php
getMessage()); } return json(compact('tmp_path')); break; case 'get-file-size': // 这里检测下 tmp_path 是否存在 if (file_exists($tmp_path)) { // 返回 JSON 格式的响应 return json(['size' => filesize($tmp_path)]); } break; default: # code... break; }
js
// 咋触发这个函数我就不举例了 function downloadFile() { var file_size = 0; var progress = 0; console.log("Prepared to download"); $.ajax({ url: './download.php?action=prepare-download', type: 'GET', dataType: 'json', beforeSend: function() { $('#update-button').html(' 正在准备').prop('disabled', 'disabled'); }, }) .done(function(json) { console.log(json); file_size = json.file_size; $('#file-size').html(file_size); // 显示进度条 console.log("started downloading"); $.ajax({ url: './download.php?action=start-download', type: 'POST', dataType: 'json' }) .done(function(json) { // set progress to 100 when got the response progress = 100; console.log("Downloading finished"); console.log(json); }) .fail(showAjaxError); var interval_id = window.setInterval(function() { $('#imported-progress').html(progress); $('.progress-bar').css('width', progress+'%').attr('aria-valuenow', progress); if (progress == 100) { clearInterval(interval_id); // 到此远程文件下载完成,继续其他逻辑 } else { $.ajax({ url: './download.php?action=get-file-size', type: 'GET' }) .done(function(json) { progress = (json.size / file_size * 100).toFixed(2); updateProgress(progress); console.log("Progress: "+progress); }) .fail(showAjaxError); } }, 300); }) .fail(showAjaxError); }
到此,相信大家对“php怎么实现下载进度条”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!