JSFiddle - React, Tailwind, and code Playground

HTML

<a id='completedFileLink'>Completed file</a>

JavaScript

var chunkSize = 500000;
var totalChunks = 200;
var currentChunk = 0;
var mime = 'application/octet-binary';
var waitBetweenChunks = 1000;

var finalBlob = null;
var chunkBlobs =[];

function addChunk() {
    var typedArray = new Int8Array(chunkSize);
    chunkBlobs[currentChunk] = new Blob([typedArray], {type: mime});
    console.log('added chunk', currentChunk);
    currentChunk++;
    if (currentChunk == totalChunks) {
        console.log('all chunks completed');
        finalBlob = new Blob(chunkBlobs, {type: mime});
        document.getElementById('completedFileLink').href = URL.createObjectURL(finalBlob);
        console.log(URL.createObjectURL(finalBlob));
    } else {
        window.setTimeout(addChunk, waitBetweenChunks);
    }
}

addChunk();