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

这篇文章主要介绍了PHP大文件及断点续传下载实现代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

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

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

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

     ie浏览器怎么办呢？ 也可以用window.open函数。    单个文件下载
下载全部文件

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

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

Header set Content-Disposition attachment

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

JavaScript：

引入头

  donw2-多文件演示页面

创建down2对象

 var downer = new DownloaderMgr(); 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; } var urls = [ { fileUrl: "http://res2.ncmem.com/res/images/ie11.png-600" } , { fileUrl: "http://res2.ncmem.com/res/images/up6.1/down.png-600" } , { fileUrl: "http://res2.ncmem.com/res/images/firefox.png-600" } , { fileUrl: "http://res2.ncmem.com/res/images/edge.png-600" } , { fileUrl: "http://res2.ncmem.com/res/images/up6.1/cloud.png-600" } , { fileUrl: "http://res2.ncmem.com/res/images/home/w.png-600" } , { fileUrl: "http://res2.ncmem.com/res/images/img.png-600" } ]; 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-600" } , { fileUrl: "http://res2.ncmem.com/res/images/up6.1/down.png-600" } , { fileUrl: "http://res2.ncmem.com/res/images/firefox.png-600" } , { fileUrl: "http://res2.ncmem.com/res/images/edge.png-600" } , { fileUrl: "http://res2.ncmem.com/res/images/up6.1/cloud.png-600" } , { fileUrl: "http://res2.ncmem.com/res/images/home/w.png-600" } , { fileUrl: "http://res2.ncmem.com/res/images/img.png-600" } ] }; 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-600" } , { fileUrl: "http://www.ncmem.com/images/ico-up.jpg-600" } ] , folders: [ { nameLoc: "图片1" , files: [ { fileUrl: "http://www.ncmem.com/images/ico-ftp.jpg-600" } , { fileUrl: "http://www.ncmem.com/images/ico-up.jpg-600" } , { fileUrl: "http://www.ncmem.com/images/ico-capture.jpg-600" } , { 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-600" } ] } ] } ] }; 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); });

实现效果：