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

2023-07-18 15:22:03 309

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

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

单个文件下载,经过测试在edge浏览器，firefox和chrome都支持。但是遗憾的是ie浏览器不支持。参考下面的例子。







	

	

	

	





	

	





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







	

	

	





	单个文件下载
	


	下载全部文件

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

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

HeadersetContent-Dispositionattachment

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

JavaScript：

引入头



	

	donw2-多文件演示页面

创建down2对象

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

批量下载url

$("#btn-down-files").click(function(){
	if(downer.Config["Folder"]==""){
		downer.open_folder();
		return;
	}
	varurls=[
		{
			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;
	}
	varfd={
		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;
	}
	varfd={
		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;}
varurls=[
{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);
});

实现效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

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

热门推荐

随机推荐