在Node.JS中可以配置這個標籤來實現檔案的分段下載。這篇文章為大家介紹了Node.JS段點續傳:Nginx設定檔分段下載功能的實作方法,需要的朋友參考下吧
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端發送了含有range header的請求訊息,那麼nginx會傳回含有range相關的訊息:
這是完整的Response Header,注意這裡的
content-length不是文件的總長度,而是當前range 的長度。
{ server: 'nginx', date: 'Wed, 24 Jan 2018 02:43:20 GMT', 'content-type': 'application/zip', 'content-length': '12420187', 'last-modified': 'Tue, 16 Jan 2018 12:09:47 GMT', connection: 'close', etag: '"5a5deb8b-ecdb53"', expires: 'Thu, 31 Dec 2037 23:55:55 GMT', 'cache-control': 'max-age=315360000', 'access-control-allow-origin': '*', 'accept-ranges': 'bytes', 'content-range': 'bytes 3102456-15522642/15522643' }
可以根據這個header中的content-range來取得檔案的總大小。
Node.JS實作這段範例先偵測本地下了一半的文件,然後以'r ' 讀寫模式建立文件流,並將response流寫入檔案。
這裡將表態檔案加入 range 的支援。
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超過檔案尺寸
上面是我整理給大家的,希望今後會對大家有幫助。
相關文章:
vue 多入口檔案建構vue多頁面所建構的實例講解一種angular的方法層級的快取註解(裝飾器)解決vue 路由變更頁面資料不刷新的問題以上是Node.JS段點續傳:Nginx設定檔分段下載功能的實作方法_node.js的詳細內容。更多資訊請關注PHP中文網其他相關文章!