原因
一次性下载的文件过多时,容易出现超时;压缩包过大也可能会出现问题
原理
- 分批思想(借鉴分页)
- JS的异步编程
- 递归思想
伪代码
1. 服务端
//封装响应消息
function formatMsg($success = false, $msg = '', $data = [])
{
return json_encode(
[
'success' => $success,
'msg' => $msg,
'data' => $data
]
);
}
$page = '页码参数值';
$data = '分页查询出来的文件路径数据';
//判断有没有文件
if (!count($data)) {
//如果页码为1,则说明没有文件
if ($page == 1) {
return formatMsg(false, '无文件');
} else {
return formatMsg(false, '下载完毕');
}
}
$relative_dir = '相对目录';
$zip_name = '压缩文件名(一般以分页区分)';
//完整的路径
$absolute_path = __DIR__ . $relative_dir . $zip_name;
//压缩文件
$zip_archive = new ZipArchive();
if ($zip_archive->open($absolute_path, ZipArchive::OVERWRITE | ZipArchive::CREATE) === true) {
foreach ($data as $v) {
$zip_archive->addFile($v);
}
$zip_archive->close();
}
if (file_exists($absolute_path)) {
return formatMsg(true, '下载成功',
[
'page' => '页码加1',
'filename' => $zip_name,
'file_path' => $relative_dir . $zip_name,
]
);
} else {
return formatMsg(false, '下载失败');
}
2. 客户端
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
//页码
var page = 1;
//用于取消
var stop = false;
//防重复点击
var check_multi_download = false;
//批量下载,采用递归和JS异步编程(回调函数的方式)
function multiDownload() {
if (page == 1 && check_multi_download) {
return;
}
var url = '服务端地址';
showMsgBox('请勿关闭窗口和刷新页面,允许下载', true);
//如果有参数就传参数
var data = {};
check_multi_download = true;
$.post(url, data, function (result) {
if (result.success) {
var a = document.createElement('a');
a.setAttribute('style', 'display:none');
a.setAttribute('target', '_blank');
//必须指明是下载
a.setAttribute('download', result.data.filename);
a.setAttribute('href', result.data.file);
document.body.appendChild(a);
a.click();
a.parentNode.removeChild(a);
if (stop) {
showMsgBox('', false);
page = 1;
stop = false;
check_multi_download = false;
} else {
page = parseInt(result.data.page);
//自己调用自己
multiDownload();
}
} else {
page = 1;
stop = false;
check_multi_download = false;
showMsgBox(result.msg, false);
}
//如果没有error方法,网上有解决方案
}, 'json').error(function () {
page = 1;
stop = false;
check_multi_download = false;
showMsgBox('服务器异常', false);
});
}
//弹框(有取消的按钮,点击后执行cancel函数)
function showMsgBox(msg, is_show)
{
/**
* 如果is_show为true,则弹提示框,反之隐藏
*/
}
//取消
function cancel()
{
showMsgBox('正在取消中...');
stop = true;
}
</script>
加强安全的措施
- 限制ip
- 用户必须登录
- 使用分布式锁
- 一般是redis实现的,key为唯一值,值为允许操作的参数【如一次只能一个用户下载,因此值为用户id】,设置有效期;
- 因为是分批请求,所以检验时先判断能不能加上锁,能加上锁就继续,不能加上锁则判断是不是允许的值,不是则返回失败结果
- 每次请求时给锁续上时间,下载完成后才解锁;
- 要注意释放锁(服务端有释放锁的路由,取消下载时发送释放锁的请求,onunload事件触发时发送释放锁的请求,解锁时校验锁的值是否合法【如值是否相等】)