No tiene que leer el código, lo que sucede es que un archivo se carga 1000 bytes a la vez. Y para asegurarnos de que enviamos los bytes en el orden en que estamos usando await . ¿Qué pasa si quisiera usar .then() Parece difícil ya que hay un bucle alrededor de la llamada de búsqueda.

 const fileReader = new FileReader(); const theFile = f.files[0]; fileReader.onload = async (ev) => { const CHUNK_SIZE = 5000; const chunkCount = ev.target.result.byteLength / CHUNK_SIZE; console.log("Read successfully"); const fileName = Math.random() * 1000 + theFile.name; for (let chunkId = 0; chunkId < chunkCount + 1; chunkId++) { const chunk = ev.target.result.slice( chunkId * CHUNK_SIZE, chunkId * CHUNK_SIZE + CHUNK_SIZE ); await fetch("http://localhost:8080/upload", { method: "POST", headers: { "content-type": "application/octet-stream", "content-length": chunk.length, "file-name": fileName, }, body: chunk, }); divOutput.textContent = Math.round((chunkId * 100) / chunkCount, 0) + "%"; } console.log(ev.target.result.byteLength); }; fileReader.readAsArrayBuffer(theFile); });