Creé una prueba como esta:
async function testDownload() { try{ var urls = ['https://localhost:54373/analyzer/test1','https://localhost:54373/analyzer/test2'] var fullFile = new Blob(); for (let x = 0; x < urls.length; x++){ await fetch(urls[x]).then((res) => { if (!res.ok || res.status !== 200) { throw('Download failed'); } return res.blob(); }).then(data => fullFile = new Blob([fullFile, data])); } let url = window.URL.createObjectURL(fullFile); let a = document.createElement('a'); a.href = url; a.download = "WTF.ini"; a.click(); } catch(e){console.log(e)}; }El problema es: esto creó el enlace de descarga después de recibir el resultado de las URL. Entonces obtengo el archivo instantáneo https://prnt.sc/-zSK3Y7QLIVT
Mi pregunta es: ¿Cómo hago esto con un porcentaje de descarga? Así: https://prnt.sc/sdvxMc83qqeS
Debe dividir en fragmentos de tamaño conocido (por ejemplo, 4 kb cada uno) y, conociendo el tamaño total del archivo y el tamaño del fragmento, puede calcular el porcentaje descargado cada vez que finaliza un fragmento.
function PercentageCalculatorFactory(totalFileSizeInBytes){ var totalDownloaded = 0; const chunkSize = 4096; return function onChunkDownload(){ totalDownloaded ++; var sizeDownloaded = totalDownloaded * chunkSize; return sizeDownloaded / totalFileSize * 100; } } //usage var percCalculator = PercentageCalculatorFactory(10000);// obtenga el tamaño del archivo usando una API que sirve algunos metadatos sobre el archivo, en este caso, es posible que se necesite el tamaño pero el nombre, etc.
async function testDownload() { try{ var urls = ['https://localhost:54373/analyzer/test1','https://localhost:54373/analyzer/test2'] var fullFile = new Blob(); for (let x = 0; x < urls.length; x++){ await fetch(urls[x]).then((res) => { if (!res.ok || res.status !== 200) { throw('Download failed'); } var newPercentage = percCalculator(); //do something with percentage console.log( newPercetage ); return res.blob(); }).then(data => fullFile = new Blob([fullFile, data])); } let url = window.URL.createObjectURL(fullFile); let a = document.createElement('a'); a.href = url; a.download = "WTF.ini"; a.click(); } catch(e){console.log(e)}; }