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 相关文章推荐
php中检查文件或目录是否存在的代码小结
Oct 22 PHP
分享PHP header函数使用教程
Sep 05 PHP
PHP登陆后跳转到登陆前页面实现思路及代码
Jan 17 PHP
PHP字符串的递增和递减示例介绍
Feb 11 PHP
PHP图片等比缩放类SimpleImage使用方法和使用实例分享
Apr 10 PHP
php实现ip白名单黑名单功能
Mar 12 PHP
WordPress开发中短代码的实现及相关函数使用技巧
Jan 05 PHP
PHP中strncmp()函数比较两个字符串前2个字符是否相等的方法
Jan 07 PHP
总结对比php中的多种序列化
Aug 28 PHP
详解php几行代码实现CSV格式文件输出
Jul 01 PHP
Ecshop 后台添加新功能栏目及管理权限设置教程
Nov 21 PHP
thinkphp5实现微信扫码支付
Dec 23 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
php excel reader读取excel内容存入数据库实现代码
2012/12/06 PHP
php对图像的各种处理函数代码小结
2013/07/08 PHP
php使用ICQ网关发送手机短信
2013/10/30 PHP
PHP过滤★等特殊符号的正则
2014/01/27 PHP
php使用CURL不依赖COOKIEJAR获取COOKIE的方法
2015/06/17 PHP
phpStorm+XDebug+chrome 配置详解
2019/04/01 PHP
在Laravel中实现使用AJAX动态刷新部分页面
2019/10/15 PHP
laravel-admin 实现在指定的相册下添加照片
2019/10/21 PHP
用正则xmlHttp实现的偷(转)
2007/01/22 Javascript
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
jQuery性能优化28条建议你值得借鉴
2013/02/16 Javascript
浅析ajax请求json数据并用js解析(示例分析)
2013/07/13 Javascript
关于JS中的闭包浅谈
2013/08/23 Javascript
window.open()详解及浏览器兼容性问题示例探讨
2014/05/29 Javascript
bootstrap选项卡扩展功能详解
2017/06/14 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
2018/07/25 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
2019/04/11 Javascript
微信小程序实现定位及到指定位置导航的示例代码
2019/08/20 Javascript
解决vue中el-tab-pane切换的问题
2020/07/19 Javascript
Ant Design Vue table中列超长显示...并加提示语的实例
2020/10/31 Javascript
[01:02:55]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
Python中XlsxWriter模块简介与用法分析
2018/04/24 Python
TensorFlow的权值更新方法
2018/06/14 Python
python使用matplotlib绘制热图
2018/11/07 Python
python 读取Linux服务器上的文件方法
2018/12/27 Python
Python使用for生成列表实现过程解析
2020/09/22 Python
Vuori官网:运动服装的终级表现
2021/01/27 全球购物
介绍一下XMLHttpRequest对象
2012/02/12 面试题
中职招生先进个人材料
2014/08/31 职场文书
奉献爱心演讲稿
2014/09/04 职场文书
浪漫婚礼主题活动策划方案
2014/09/15 职场文书
实习协议书范本
2014/09/25 职场文书
毕业生对母校寄语
2015/02/26 职场文书
教师教育心得体会
2016/01/19 职场文书
MySQL中distinct和count(*)的使用方法比较
2021/05/26 MySQL