Tengo un programa JavaScript (en realidad es un programa TypeScript), que lee un archivo fragmento por fragmento con un FileReader:
while (j < size) { let blob = selectedFiles[i].slice(offset, offset + chunk_size); let reader = new FileReader(); reader.addEventListener('load', async function () { let wordArray = typeof reader.result === "string" ? CryptoES.lib.WordArray.create(new TextEncoder().encode(reader.result)) : CryptoES.lib.WordArray.create(reader.result); let segment = CryptoES.AES.encrypt(wordArray, pass).toString(); segments.push(segment); }); await reader.readAsArrayBuffer(blob); offset += chunk_size; j += chunk_size; } Pero cuando proceso la matriz de segments más tarde, está vacía. Si agrego una alert() después del ciclo while, espero un poco después de que aparezca y luego presiono 'OK', mi matriz tiene todo el contenido que se supone que debe tener. Mi async/await no parece funcionar correctamente. Lo estoy usando dentro de una función asíncrona. ¿Qué hice mal?
¡Gracias!
EDITAR: si tiene otras mejoras para este fragmento de código, hágamelo saber en los comentarios ya que todavía no soy un profesional :)
readAsArrayBuffer no devuelve una promesa (de hecho, no devuelve nada), por lo que no tiene sentido await (eso no hace nada).
En su lugar, debe crear una promesa que se resuelva cuando se activa el evento de load y esperar eso. Puse esta parte en una función separada readBlobToArrayBuffer para facilitar la lectura, y también agregué detectores de eventos en caso de error y abort para rechazar la promesa en ese caso en lugar de simplemente colgar indefinidamente.
const readBlobToArrayBuffer = blob => new Promise((resolve, reject) => { const reader = new FileReader(); reader.addEventListener('load', () => resolve(reader.result)); reader.addEventListener('error', () => reject(new Error('Reading file failed')); reader.addEventListener('abort', () => reject(new Error('Reading file aborted')); reader.readAsArrayBuffer(blob); }); while (j < size) { const blob = selectedFiles[i].slice(offset, offset + chunk_size); const result = await readBlobToArrayBuffer(blob); const wordArray = typeof result === "string" ? CryptoES.lib.WordArray.create(new TextEncoder().encode(result)) : CryptoES.lib.WordArray.create(result); const segment = CryptoES.AES.encrypt(wordArray, pass).toString(); segments.push(segment); offset += chunk_size; j += chunk_size; }