PHP大文件及断点续传下载实现代码
一般来说浏览器要同时下载几个文件，比如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="https://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="https://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下载远程文件类(支持断点续传)
简易使用方法: 复制代码 代码如下: $object = new httpdownload(); $object->set_byfile($file)%N#H#%;//服务器文件名,包括路径 $object->filename = $filename;//下载另存为的文件名 $object->download(); 3.源文件: 复制代码 代码如下: <? class httpdownload { var $data = null; var $data_len = 0; var
-
php实现的支持断点续传的文件下载类
本文实例讲述了php实现的支持断点续传的文件下载类及其用法,是非常实用的技巧.分享给大家供大家参考.具体方法如下: 通常来说,php支持断点续传,主要依靠HTTP协议中 header HTTP_RANGE实现. HTTP断点续传原理: Http头 Range.Content-Range() HTTP头中一般断点下载时才用到Range和Content-Range实体头, Range用户请求头中,指定第一个字节的位置和最后一个字节的位置,如(Range:200-300) Content-Range用
-
php实现大文件断点续传下载实例代码
php实现大文件断点续传下载实例,看完你就知道超过100M以上的大文件如何断点传输了,这个功能还是比较经典实用的,毕竟大文件上传功能经常用得到. require_once('download.class.php'); date_default_timezone_set('Asia/Shanghai'); error_reporting(E_STRICT); function errorHandler($errno, $errstr, $errfile, $errline) { echo '<p>
-
关于php支持分块与断点续传文件下载功能代码
本文章要介绍了这篇文章是一篇关于php流下载,就是可以支持分块与断点续传文件下载,有需要的朋友可以看看.代码如下 复制代码 代码如下: $dowmFile = dirname ( __FILE__ ) . '/Nokia – Always Here.mp3′; //要下载的文件,绝对或相对 $dowmName = 'Nokia – Always Here.mp3′; ob_start (); getlocalfile ( $dowmFile, $dowmName ); flush (); ob_
-
解决PHP超大文件下载,断点续传下载的方法详解
最近导出的时候出现一个php内存溢出的问题,原因就是在于下载的时候读取生成的临时文件过大,PHP内存无法容纳,一开如是想到更改PHP内存限制,但是这个只是一个缓兵之计,于是想到了另外一个方法是把文件分次读取,并下载. 以下是源代码: 复制代码 代码如下: <?php $sourceFile = "1.tmp"; //要下载的临时文件名 $outFile = "用户订单.xls"; //下载保存到客户端的文件名 $file_extension = strtolo
-
PHP实现文件下载断点续传详解
如果我们的网站提供文件下载的服务,那么通常我们都希望下载可以断点续传(Resumable Download),也就是说用户可以暂停下载,并在未来的某个时间从暂停处继续下载,而不必重新下载整个文件. 通常情况下,Web服务器(如Apache)会默认开启对断点续传的支持.因此,如果直接通过Web服务器来提供文件的下载,可以不必做特别的配置,即可享受到断点续传的好处.由于这些文件直接通过Web服务器来提供下载,后端脚本无法对这个下载过程进行控制.这对于仅提供公开.静态文件的网站来说不是问题,但对于需要
-
PHP大文件及断点续传下载实现代码
一般来说浏览器要同时下载几个文件,比如pdf文件,会在服务器端把几个文件压缩成一个文件.但是导致的问题就是会消耗服务器的cpu和io资源. 那有没有办法,用户点了几个文件,在客户端同时下载呢? 支持html5的浏览器是可以的,html的a标签有一个属性download <a download="下载的1.pdf" href="1.pdf" rel="external nofollow" rel="external nofollow
-
Java实现FTP批量大文件上传下载篇1
本文介绍了在Java中,如何使用Java现有的可用的库来编写FTP客户端代码,并开发成Applet控件,做成基于Web的批量.大文件的上传下载控件.文章在比较了一系列FTP客户库的基础上,就其中一个比较通用且功能较强的j-ftp类库,对一些比较常见的功能如进度条.断点续传.内外网的映射.在Applet中回调JavaScript函数等问题进行详细的阐述及代码实现,希望通过此文起到一个抛砖引玉的作用. 一.引子 笔者在实施一个项目过程中出现了一种基于Web的文件上传下载需求.在全省(或全国)各地的用
-
php实现的css文件背景图片下载器代码
本文实例讲述了php实现的css文件背景图片下载器代码.分享给大家供大家参考.具体实现方法如下: 下载css文件里面的背景图片是我们这些盗版份子长期搞的事情,下载个css图片下载器常出现各种广告弹窗,实在扛不住.这里就提供了一个php版的css文件背景图片下载器给大家. 把文件放到php程序目录 dos下面 php.exe cssImages.php 0 http://www.xxxx.com/css/style.css \images\ 先在php程序目录建个images文件夹,呵呵,贴代码:
-
RestTemplate文件上传下载与大文件流式下载
目录 一.文件上传 二.文件下载 三.大文件下载 本文是精讲RestTemplate第6篇,前篇的blog访问地址如下: RestTemplate是HTTP客户端库,所以为了使用RestTemplate进行文件上传和下载,需要我们先编写服务端的支持文件上传和下载的程序.请参考我之前写的一篇文章:SpringBoot实现本地存储文件上传及提供HTTP访问服务 .按照此文完成学习之后,可以获得 一个以访问服务URI为"/upload”的文件上传服务端点 服务端点上传文件成功后会返回一个HTTP连接,
-
Vue+NodeJS实现大文件上传的示例代码
目录 整体思路 项目演示 前端界面 文件切片 hash计算 查询切片状态 切片上传(断点续传) 文件总体上传进度 合并文件 优化 请求并发数控制 hash值计算优化 常见的文件上传方式可能就是new一个FormData,把文件append进去以后post给后端就可以了.但如果采用这种方式来上传大文件就很容易产生上传超时的问题,而且一旦失败还得从新开始,在漫长的等待过程中用户还不能刷新浏览器,不然前功尽弃.因此这类问题一般都是通过切片上传. 整体思路 将文件切成多个小文件 hash计算,需要计算一
-
springboot 中文件上传下载实例代码
Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置.通过这种方式,Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者. Spring Boot特点 1. 创建独立的Spring应用程序 2. 嵌入的Tomcat,无需部署WAR文件 3. 简化Maven配置 4. 自动配置Spr
-
Java实现FTP批量大文件上传下载篇2
接着上一篇进行学习java文件上传下载1. 五.断点续传 对于熟用QQ的程序员,QQ的断点续传功能应该是印象很深刻的.因为它很实用也很方面.因此,在我们的上传下载过程中,很实现了断点续传的功能. 其实断点续传的原理很简单,就在上传的过程中,先去服务上进行查找,是否存在此文件,如果存在些文件,则比较服务器上文件的大小与本地文件的大小,如果服务器上的文件比本地的要小,则认为此文件上传过程中应该可以进行断点续传. 在实现的过程中,RandomAccessFile类变得很有用.此类的实例支持对随机存取文
-
ssh框架实现文件上传下载实例代码
最近在学习ssh框架,我用ssh框架写了一个文件上传下载的实例代码,有需要了解的朋友可参考.希望此文章对各位有所帮助. <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Author" content="BuNuo"> <meta name="Keywo
-
silverlight用webclient大文件上传的实例代码
客户端: 复制代码 代码如下: /// <summary> /// 写入数据到流中 /// </summary> /// <param name="url"></param> /// <param name="callback"></param> public async static Task<bool> Write(string