uk.javascript.info/5-network/03-fetch-progress/progress.view/index.html at f9edcef203f1be6e4c9b07cd045c10f5e8561c2b · javascript-tutorial/uk.javascript.info · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!doctype html>
<script>
(async () {

	const response = await fetch('long.txt');
	const reader = response.body.getReader();

	const contentLength = +response.headers.get('Content-Length');
	let receivedLength = 0;
	let chunks = [];
	while(true) {
		const chunk = await reader.read();

		if (chunk.done) {
			console.log("готово!");
			break;
		}

		chunks.push(chunk.value);
		receivedLength += chunk.value.length;
		console.log(`Отримано ${receivedLength}/${contentLength}`)
	}


	let chunksMerged = new Uint8Array(receivedLength);
	let length = 0;
	for(let chunk of chunks) {
		chunksMerged.set(chunk, length);
		length += chunk.length;
	}

	let result = new TextDecoder("utf-8").decode(chunksMerged);
	console.log(result);
})();

</script>