Html5 提供了一个新的 Range 标签来实现文件的分段下载。在Node.JS中可以配置这个标签来实现文件的分段下载。
Header标签
请求 Request Header: 下载 3744 以后的文件内容
range: bytes=3744-
返回 Response Header: 文件总长 15522643 个字节
accept-ranges': 'bytes' content-range': 'bytes */15522643'
Nginx配置
首先要配置Nginx支持range标签返回,很简单添加 add_header Accept-Ranges bytes; 这一行即可
server {
listen 80;
server_name adksdf.com;
location ~ ^/(img/|js/|css/|upload/|font/|fonts/|res/|icon) {
add_header Access-Control-Allow-Origin *;
add_header Accept-Ranges bytes;
root /var/www/...;
access_log off;
expires max;
}
...
}
Node.JS实现
这段示例先检测本地下了一半的文件,然后以 'r+' 读写模式创建文件流,并将response流写入文件。
var reqOptions = { url: packageUrl, headers: {} }
var filepath = '/path/to/your/part/file'
var fileOptions = {}
fs.stat(filepath, function(err, states) {
if (states) {
//Range: bytes=3744-
reqOptions.headers['range'] = 'bytes=' + states.size + '-'
fileOptions = { start: states.size, flags: 'r+' }
}
//创建 http 对象方法
var reqUrl = reqOptions.url
var urlObj = url.parse(reqUrl)
var options = {
hostname : urlObj.hostname
, port : urlObj.port
, path : urlObj.pathname
, headers : reqOptions.headers || {}
}
var req = http.request(options, function(res) {
var receives = []
var err = null
var statusCode = res.statusCode
var headers = res.headers
var ws = fs.createWriteStream(filepath, fileOptions)
ws.on('error', function(e) {
console.log('ws error', e)
})
res.on('data', function(chrunk) {
ws.write(chrunk)
})
res.on('error', function(err) {
ws.end()
})
res.on('end', function() {
ws.end()
})
})
req.on('error', function(e) {
cb && cb(e, null, {})
})
req.end()
...
})
返回Header
在请求nginx可能会返回其他status code,比如说 206或416,含意如下:
206 Partial Content
返回的是部分文件内容
416 Requested Range Not Satisfiable
请求的range超过文件尺寸
注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。