首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 PHP

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大文件及断点续传下载实现代码

- Author -

松鼠的博客

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐
PHP用户指南-cookies部分
Oct 09 PHP
php面向对象全攻略 （十） final static const关键字的使用
Sep 30 PHP
解析CI的AJAX分页 另类实现方法
Jun 27 PHP
Laravel框架中扩展函数、扩展自定义类的方法
Sep 04 PHP
PHP中Memcache操作类及用法实例
Dec 12 PHP
php 问卷调查结果统计
Oct 08 PHP
php实现将base64格式图片保存在指定目录的方法
Oct 13 PHP
PHP中大括号'{}'用法实例总结
Feb 08 PHP
PHP中in_array的隐式转换的解决方法
Mar 06 PHP
PHP abstract 抽象类定义与用法示例
May 29 PHP
PHP使用递归按层级查找数据的方法
Nov 10 PHP
PHP设计模式（七）组合模式Composite实例详解【结构型】
May 02 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
发烧友(1) 频偏(1) ICF-2010(1) AM(1) 春雷3P7(1) 探测器(1) 原理(1) 单管机(1) 实习报告(1) 电路(15)
You might like
php仿discuz分页效果代码
2008/10/02 PHP
PHP查询网站的PR值
2013/10/30 PHP
详解PHP中的序列化、反序列化操作
2017/03/21 PHP
Laravel构建即时应用的一种实现方法详解
2017/08/31 PHP
Laravel框架实现redis集群的方法分析
2017/09/14 PHP
Javascript Math对象
2009/08/13 Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
2010/11/05 Javascript
JS实现图片无间断滚动代码汇总
2014/07/30 Javascript
jQuery插件实现大图全屏图片相册
2015/03/14 Javascript
JavaScript正则表达式的分组匹配详解
2016/02/13 Javascript
Angularjs过滤器使用详解
2016/05/25 Javascript
BootStrap Validator使用注意事项(必看篇)
2016/09/28 Javascript
微信小程序链接传参并跳转新页面
2016/11/29 Javascript
JS生成和下载二维码的代码
2016/12/07 Javascript
高效的jQuery代码编写技巧总结
2017/02/22 Javascript
vue-router相关基础知识及工作原理
2018/03/16 Javascript
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
js实现百度淘宝搜索功能
2020/02/17 Javascript
基于jquery实现彩色投票进度条代码解析
2020/08/26 jQuery
VSCode下好用的Python插件及配置
2018/04/06 Python
解决python 输出是省略号的问题
2018/04/19 Python
值得收藏，Python 开发中的高级技巧
2018/11/23 Python
python实现将多个文件分配到多个文件夹的方法
2019/01/07 Python
OpenCV图像颜色反转算法详解
2019/05/13 Python
python实现一个猜拳游戏
2020/04/05 Python
python实现简单学生信息管理系统
2020/04/09 Python
基于Pyinstaller打包Python程序并压缩文件大小
2020/05/28 Python
联想加拿大官方网站：Lenovo Canada
2018/04/05 全球购物
台湾母婴用品限时团购：妈咪爱
2018/08/03 全球购物
如何提高JDBC的性能
2013/04/30 面试题
新闻专业学生的自我评价
2014/02/13 职场文书
《伯牙绝弦》教学反思
2014/03/02 职场文书
动画设计系毕业生求职信
2014/07/15 职场文书
行政复议答复书
2015/07/01 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
2016暑期师德培训心得体会
2016/01/09 职场文书