PHP大文件及断点续传下载实现代码


Posted in PHP onAugust 18, 2020

一般来说浏览器要同时下载几个文件,比如pdf文件,会在服务器端把几个文件压缩成一个文件。但是导致的问题就是会消耗服务器的cpu和io资源。

那有没有办法,用户点了几个文件,在客户端同时下载呢? 支持html5的浏览器是可以的,html的a标签有一个属性download

<a download="下载的1.pdf" href="1.pdf" rel="external nofollow" rel="external nofollow" >单个文件下载</a>, 经过测试在edge浏览器,firefox和chrome都支持。但是遗憾的是ie浏览器不支持。参考下面的例子。

<!DOCTYPE html>

<html>

<head>

	<meta charset="utf-8">

	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

	<title></title>

	<script src="//libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>

</head>

<body>

	<input type="button" class="downloadAll"
	value="批量下载" />

	<script>
		var filesForDownload = [];
		filesForDownload[filesForDownload.length] = {
			path: "1.zip", //要下载的文件路径
			name: "file1.txt" //下载后要显示的名称
		};
		filesForDownload[filesForDownload.length] = {
			path: "2.zip",
			name: "file2.txt"
		};
		filesForDownload[filesForDownload.length] = {
			path: "3.zip",
			name: "file3.txt"
		};

		function download(obj) {
			var temporaryDownloadLink =
				document.createElement("a");
			temporaryDownloadLink.style.display =
				'none';
			document.body.appendChild(
				temporaryDownloadLink);
			temporaryDownloadLink.setAttribute(
				'href', obj.path);
			temporaryDownloadLink.setAttribute(
				'download', obj.name);
			temporaryDownloadLink.click();
			document.body.removeChild(
				temporaryDownloadLink);
		}
		$('input.downloadAll').click(function(
			e) {
			e.preventDefault();
			for (var x in filesForDownload) {
				download(filesForDownload[x]);
			}
		});
	</script>

</body>

</html>

ie浏览器怎么办呢? 也可以用window.open函数。

<!DOCTYPE html>

<html>

<head>

	<meta charset="utf-8">

	<title></title>

	<script src="//libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>

</head>

<body>

	<a download="下载的1.pdf" href="1.pdf" rel="external nofollow" rel="external nofollow" >单个文件下载</a>
	<br>

	<a href="#" rel="external nofollow" class="yourlink">下载全部文件</a>

	<script>
		$('a.yourlink').click(function(e) {
			e.preventDefault();
			window.open('1.zip', 'download');
			window.open('2.zip', 'download');
			window.open('3.zip', 'download');
		});
	</script>
</body>
</html>

完整的方案就是根据浏览器类型,调用不同的函数,实现。

另外要下载pdf,而不是在浏览器中打开的话,需要配置apache的配置文件,在httpd.conf中增加下面的配置。

<FilesMatch "\.pdf$">

Header set Content-Disposition attachment

</FilesMatch>

或者使用down2组件,下载更简单。

JavaScript:

引入头

<head>

	<metahttp-equiv="Content-Type" content="text/html; charset=utf-8"
	/>

	<title>donw2-多文件演示页面</title>

	<linktype="text/css" href="js/down.css" rel="external nofollow" rel="Stylesheet"
	/>

	<scripttype="text/javascript" src="js/jquery-1.4.min.js">
		</script>

		<scripttype="text/javascript" src="js/down.app.js"
		charset="utf-8">
			</script>

			<scripttype="text/javascript" src="js/down.edge.js"
			charset="utf-8">
				</script>

				<scripttype="text/javascript" src="js/down.file.js"
				charset="utf-8">
					</script>

					<scripttype="text/javascript" src="js/down.folder.js"
					charset="utf-8">
						</script>

						<scripttype="text/javascript" src="js/down.js"
						charset="utf-8">
							</script>

</head>

创建down2对象

var downer = new DownloaderMgr();
downer.Config["Folder"] = ""; //设置默认下载路径。
//挂载事件
downer.event.taskCreate = function(obj) {
	$(document.body).append("文件ID:" + obj
		.fileSvr.id) + "<br/>";
};
downer.event.downProcess = function(obj) {};
downer.event.downStoped = function(obj) {};
downer.event.downComplete = function(
	obj) {
	$(document.body).append('<div>本地路径:' +
		obj.fileSvr.pathLoc + '</div>');
};
downer.event.downError = function(obj,
	err) {};
downer.event.queueComplete = function() {
	$(document.body).append(
		"<div>队列完成</div>");
};

批量下载url

$("#btn-down-files").click(function() {
	if (downer.Config["Folder"] == "") {
		downer.open_folder();
		return;
	}
	var urls = [
		{
			fileUrl: "http://res2.ncmem.com/res/images/ie11.png"
		}
		, {
			fileUrl: "http://res2.ncmem.com/res/images/up6.1/down.png"
		}
		, {
			fileUrl: "http://res2.ncmem.com/res/images/firefox.png"
		}
		, {
			fileUrl: "http://res2.ncmem.com/res/images/edge.png"
		}
		, {
			fileUrl: "http://res2.ncmem.com/res/images/up6.1/cloud.png"
		}
		, {
			fileUrl: "http://res2.ncmem.com/res/images/home/w.png"
		}
		, {
			fileUrl: "http://res2.ncmem.com/res/images/img.png"
		}
	];
	downer.app.addUrls(urls);
});

当成一个文件夹下载

$("#btn-down-json").click(function() {
	if (downer.Config["Folder"] == "") {
		downer.open_folder();
		return;
	}
	var fd = {
		nameLoc: "图片列表"
		,
		files: [
			{
				fileUrl: "http://res2.ncmem.com/res/images/ie11.png"
			}
			, {
				fileUrl: "http://res2.ncmem.com/res/images/up6.1/down.png"
			}
			, {
				fileUrl: "http://res2.ncmem.com/res/images/firefox.png"
			}
			, {
				fileUrl: "http://res2.ncmem.com/res/images/edge.png"
			}
			, {
				fileUrl: "http://res2.ncmem.com/res/images/up6.1/cloud.png"
			}
			, {
				fileUrl: "http://res2.ncmem.com/res/images/home/w.png"
			}
			, {
				fileUrl: "http://res2.ncmem.com/res/images/img.png"
			}
		]
	};
	downer.app.addJson(fd);
});

下载多级目录

$("#btn-down-fd").click(function() {
	if (downer.Config["Folder"] == "") {
		downer.open_folder();
		return;
	}
	var fd = {
		nameLoc: "测试文件夹"
		,
		files: [
			{
				fileUrl: "http://www.ncmem.com/images/ico-ftp.jpg"
			}
			, {
				fileUrl: "http://www.ncmem.com/images/ico-up.jpg"
			}
		]
		,
		folders: [
			{
				nameLoc: "图片1"
				,
				files: [
					{
						fileUrl: "http://www.ncmem.com/images/ico-ftp.jpg"
					}
					, {
						fileUrl: "http://www.ncmem.com/images/ico-up.jpg"
					}
					, {
						fileUrl: "http://www.ncmem.com/images/ico-capture.jpg"
					}
					, {
						fileUrl: "http://www.ncmem.com/images/ico-imageuploader.gif"
					}
					, {
						fileUrl: "http://www.ncmem.com/images/ico-wordpaster.gif"
					}
				]
				,
				folders: [
					{
						nameLoc: "软件"
						,
						files: [
							{
								fileUrl: "http://res2.ncmem.com/res/images/edit-file.png"
							}
						]
					}
				]
			}
		]
	};
	downer.app.addJson(fd);
});

自定义下载文件名称

$("#btn-down-svr").click(function () {
  if (downer.Config["Folder"] == "") { downer.open_folder(); return; }
  var urls = [
    { fileUrl: "http://localhost:90/db/down.aspx", nameLoc: "test.exe" }
    , { fileUrl: "http://localhost:90/db/down.aspx", nameLoc: "test-1.exe" }
  ];
  downer.app.addUrls(urls);
});

实现效果:

PHP大文件及断点续传下载实现代码

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
不用iconv库的gb2312与utf-8的互换函数
Oct 09 PHP
PHP数据缓存技术
Feb 14 PHP
php ci框架中加载css和js文件失败的解决方法
Mar 03 PHP
安装ImageMagick出现error while loading shared libraries的解决方法
Sep 23 PHP
php获取textarea的值并处理回车换行的方法
Oct 20 PHP
Laravel中使用自己编写类库的3种方法
Feb 10 PHP
PHP的PDO事务与自动提交
Jan 24 PHP
PHP实现的支付宝支付功能示例
Mar 26 PHP
PHP实现单条sql执行多个数据的insert语句方法
Oct 11 PHP
Laravel 修改默认日志文件名称和位置的例子
Oct 17 PHP
php实现JWT(json web token)鉴权实例详解
Nov 05 PHP
php的对象传值与引用传值代码实例讲解
Feb 26 PHP
基于thinkphp5框架实现微信小程序支付 退款 订单查询 退款查询操作
Aug 17 #PHP
PhpStorm2020.1 安装 debug - Postman 调用的详细教程
Aug 17 #PHP
php开发最强大的IDE编辑的phpstorm 2020.2配置Xdebug调试的详细教程
Aug 17 #PHP
PHP unset函数原理及使用方法解析
Aug 14 #PHP
PHP常量及变量区别原理详解
Aug 14 #PHP
PHP获取当前时间不准确问题解决方案
Aug 14 #PHP
PHP语言对接抖音快手小红书视频/图片去水印API接口源码
Aug 11 #PHP
You might like
第十四节 命名空间 [14]
2006/10/09 PHP
默默简单的写了一个模板引擎
2007/01/02 PHP
超级好用的一个php上传图片类(随机名,缩略图,加水印)
2010/06/30 PHP
基于PHP创建Cookie数组的详解
2013/07/03 PHP
PHP递归复制、移动目录的自定义函数分享
2014/11/18 PHP
ThinkPHP3.1.x修改成功与失败跳转页面的方法
2017/09/29 PHP
mysql输出数据赋给js变量报unterminated string literal错误原因
2010/05/22 Javascript
JQuery实现用户名无刷新验证的小例子
2013/03/22 Javascript
JavaScript中的运算符种类及其规则介绍
2013/09/26 Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
2014/01/11 Javascript
JavaScript检测实例属性, 原型属性
2015/02/04 Javascript
AngularJS身份验证的方法
2016/02/17 Javascript
JS获取IMG图片高宽的简单实例
2016/05/17 Javascript
Vue学习笔记进阶篇之vue-router安装及使用方法
2017/07/19 Javascript
webpack 样式加载的实现原理
2018/06/12 Javascript
一些你可能不熟悉的JS知识点总结
2019/03/15 Javascript
解决Layui数据表格的宽高问题
2019/09/28 Javascript
javascript将扁平的数据转为树形结构的高效率算法
2020/02/27 Javascript
解决echarts中横坐标值显示不全(自动隐藏)问题
2020/07/20 Javascript
[02:32]DOTA2亚洲邀请赛 VG战队巡礼
2015/02/03 DOTA
python字符串编码识别模块chardet简单应用
2015/06/15 Python
简介Django中内置的一些中间件
2015/07/24 Python
python模块之paramiko实例代码
2018/01/31 Python
Python编程快速上手——strip()函数的正则表达式实现方法分析
2020/02/29 Python
python脚本监控logstash进程并邮件告警实例
2020/04/28 Python
pycharm中如何自定义设置通过“ctrl+滚轮”进行放大和缩小实现方法
2020/09/16 Python
日本订房网站,预订日本星级酒店/温泉旅馆:Relux(支持中文)
2020/01/03 全球购物
描述一下JVM加载class文件的原理机制
2013/12/08 面试题
师说教学反思
2014/02/07 职场文书
机关单位人员学雷锋心得体会
2014/03/10 职场文书
推荐信格式要求
2014/05/09 职场文书
奥巴马经典演讲稿
2014/09/13 职场文书
党的群众路线教育实践活动个人对照检查材料(校长)
2014/11/05 职场文书
2015秋季开学典礼致辞
2015/07/16 职场文书
2016感恩父亲节主题广播稿
2015/12/18 职场文书
Python加密与解密模块hashlib与hmac
2022/06/05 Python